我正在尝试为左右 div 设置自动宽度,以便它们始终连接到居中的 div。我下面的示例width: 20%;
用于应该是动态的左右 div。我怎样才能做到这一点?
我查看了这些 ( 1 , 2 , 3 ) 示例以获取想法,但无法解决我的问题。3rd 是我想要的,但它不适用于所有浏览器。
随意更改下面的整个代码,因为我愿意寻求更好的解决方案,但中心 div 必须为 850px。
谢谢
<style>
body
{
background: #333333;
}
*
{
margin: 0;
padding: 0;
}
#cover
{
float: left;
width: 100%;
height: 200px;
background: #bababa;
}
#left
{
float: left;
width: 20%;
height: 200px;
background: #cccccc;
}
#center
{
float: left;
width: 850px; /*compulsory*/
height: 200px;
background: #dddddd;
}
#right
{
float: right;
width: 20%;
height: 200px;
background: #eeeeee;
}
</style>
<div id="cover">
<div id="left">LEFT</div>
<div id="center">CENTER</div>
<div id="right">RIGHT</div>
</div>