我来这里是因为其他类似的问题无法解决我的特定问题。
I need right div
始终为 100% 高度,其中parent
高度取决于left div
高度取决于里面的内容。
这是 HTML:
<div class="container clearfix">
<div class="left"></div>
<div class="right"></div>
</div>
这是 CSS:
.container{
min-height: 10px;
width: auto;
height: auto;
background-color: #eeeeee;
}
.left{
position: relative;
float: left;
min-height: 100px;
width: 50px;
background-color: #dddddd;
}
.right{
min-height: 20px;
position: relative;
float: left;
height: 100%;
width: 50px;
background-color: #dddddd;
}
.
.clearfix:after
{
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
Note:
我在用着clearfix
.
如果你可以在中显示你的答案jsfiddle
这是 jsFiddlehttp://jsfiddle.net/C9Kmx/32/ http://jsfiddle.net/C9Kmx/32/
制作正确的 divposition:absolute;
并制作父divposition:relative;
进而height:100%;
将为正确的 div 工作。确保您还相应地调整其 x 位置和宽度。在这个例子中我给了它一个left:50px
以确保它出现在左栏的右侧。
JSFiddle http://jsfiddle.net/e9mvD/ http://jsfiddle.net/e9mvD/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)