<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
#box1{
background-color: #008000;
width: 400px;
height: 400px;
/*
* 如果子元素的大小超过了父元素,则子元素会从父元素中溢出
overflow:
可选值:
visable:默认值 子元素会从父元素中溢出, 在父元素外部的位置显示
hidden: 溢出内容将会被裁剪不会显示
scroll:生成垂直水平滚动条
auto:根据需要生成滚动条
overflow-x:单独处理水平方向的
overflow-y:单独处理垂直方向的
* */
overflow:scroll;
}
#box2{
background-color: #FA8072;
width:200px;
height:200px;
}
</style>
</head>
<body>
<div id="box1">
ljfk
</div>
</body>
</html>
CSS关于子元素溢出
最新推荐文章于 2022-11-22 15:10:21 发布