我从两个例子开始:
13"macbook pro:
21"飞利浦显示器
是否可以使用 position:fixed 为父元素设置全宽，但对于子元素设置宽度直到浏览器站点，所以所有尺寸的文本都将到浏览器站点或最大宽度.
CSS:
div#wrapper{
width: 100%;
height: 100%;
padding-top: 70px;
}
header#left-panel, header#right-panel{
background: none repeat scroll 0 0 #000000;
min-height: 40px;
padding: 10px;
opacity: 0.8;
}
header#left-panel{
width: 185px;
position: fixed;
}
header#right-panel{
/*width: 100%;*/ /*here is the problem*/
left: 755px;
position: fixed;
}
HTML:
<body>
<div id="wrapper">
<header id="left-panel">
<section id="contacts">
</section>
</header>
<header id="right-panel">
<section id="comments">
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
<div style="float:right">Lorem ipsum</div>
</section>
</header>
</div>
</body>
最佳答案
在 header#right-panel 元素上使用 right:0。
您可以在 this jsFiddle 上试用它.
关于html - 设置 div 的宽度直到浏览器端，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14914523/