IE6里面子集尺寸大的会把父亲撑大

weixin_33897722

于 2016-03-02 15:44:00 发布

阅读量50

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hduhdc/p/5235216.html

本文通过一个简单的HTML和CSS示例展示了如何避免子元素超出父元素边界的问题。通过设置适当的宽度和高度，可以确保页面布局整洁有序。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title></title>
 6         <style>
 7             .box{
 8                 width: 200px;
 9                 height: 200px;
10                 border: 10px solid #000;
11             }
12             .content{
13                 width: 400px;
14                 height: 400px;
15                 background-color: red;
16             }
17         </style>
18         <!--
19             解决方案：
20             不要让子元素的宽高超过父级
21         -->
22     </head>
23     <body>
24         <div class="box">
25             <div class="content"></div>
26         </div>
27     </body>
28 </html>