我将div1
嵌套在一个固定位置的父div中,这个父div称为frame
和div2
,其中包含许多行文本。我希望div1
是页面的宽度(100%),但它的大小将调整为文本的最大宽度。有没有办法让它100%
并保持frame
div不变。这说明了我的问题。谢谢您。
#div1 {
border: 1px solid red;
width: 100%;
}
#div2 {
position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;
}
#frame {
position: fixed;
}
<div id="frame">
<div id="div1">i should be as wide as the page</div>
</div>
<div id="div2">
<p>x</p>
</div>
最佳答案
Css编辑
#frame {
position: fixed;
width: 100%;
left: 0;
right: 0;
top: 0;
}