我正在尝试解决任务,div宽度的问题在哪里。问题是我需要为两个div设置绝对位置(参见图片 - div1和div2)。
Div1有财产
最小宽度:280像素
,另一个div应该具有其余页面的宽度。
问题是如果第一个div的宽度超过280px,如何处理这个min-width参数。
有没有解决方法,如何在不使用JS的情况下动态设置div2? 两个div的位置都不能改变,必须保持绝对值。
答案 0 :(得分:1)
我仍然不确定div必须绝对定位的原因,但我可以承认你可以将它们设置在绝对容器和位置作为表格单元格:
<div class="container">
<div class="left">Some dynamic content here</div>
<div class="right"></div>
</div>
CSS:
.container {
position: absolute;
display: table-row;
/*Set your top-right-bottom-left absolute position here*/
}
.container > div {
display: table-cell;
}
.left {
min-width: 280px;
}
.right {
width: 100%;
}
检查小提琴:http://jsfiddle.net/3QGfj/
否则我担心你应该使用Javascript。