我有这样的html:
<div id='content'>
<div id='first'>...</div>
<div id='second'>...</div>
</div>
#content
{
width:100%;
position:relative;
padding:20px;
}
#first
{
width:70%;
position:relative;
}
#second
{
width:70%;
position:fixed;
}
这会导致第二个 div 比第一个 div 稍宽(准确地说是 40px),因为第一个 div 的 70% 是相对于内容宽度的(即 100% 减去每边 20px 的填充)。
第二个div的70%指的是什么?我怎样才能使两个div的宽度相同?
首先div
的70%指的是宽度的70%#content
.
第二div
的70%指的是视口宽度的70%。
如果添加此 CSS,则两个div
的宽度相同:
html, body {
margin:0; padding:0
}
现场演示
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)