ili*_*ike 4 javascript css html5 css-float
我已经护目镜但仍然不知道该怎么做
我有3个div
<body>
<div id="container">
<div id="center"> <h1>center</h1> </div>
<div id="right"> <h1>right</h1> </div>
</div>
</body>
我试图完成什么
到目前为止我尝试了什么
#center{
background-color: green;
float: left;
overflow: auto;
}
#right{
background-color: red;
float: right;
width: 200px;
}
如何使div id = center在另一个div(div id = right)的正确位置填充整个宽度
原谅我的英语
如果您需要一个纯CSS解决方案,那么考虑改变您的DOM
首先,除去float: left;物业#center,而且比我添加width: auto;和overflow: hidden;特性,这将使得列独立.
参考代码 :
<div id="container">
<div id="right"></div>
<div id="center"></div>
</div>
#container {
height: auto;
overflow: hidden;
}
#center {
background-color: green;
width: auto;
height: 20px;
overflow: hidden;
}
#right {
background-color: red;
float: right;
height: 20px;
width: 200px;
}