可能有一个简单的解决方法,但它已经困扰我很久了......
让我解释一下情况。我有一个 ID 为“容器”的 div,它包含页面中的所有内容(也包括页眉和页脚),这将使所有内容保持内联,我只需执行 1 个简单的“边距:0 自动;” 而不是倍数。因此,假设我将#container 的宽度设置为 80%。现在,如果我将另一个具有相同宽度 (80%) 的 div 放入其中,并为其指定 'header' 的 ID,四周有 10px 的填充,则布局将“中断”(可以这么说),因为页面将填充量添加到宽度。那么,如何在不使用#header div 的较低百分比等方法的情况下使其保持在边界内?基本上,我想让它变得流畅。
这是一些示例代码,可让您了解我在说什么...
CSS
#container {
position:relative;
width:80%;
height:auto;
}
#header {
position:relative;
width:80%;
height:50px;
padding:10px;
}
HTML
<div id="container">
<div id="header">Header contents</div>
</div>
谁能帮我解决这个一直困扰着我的问题?