html 两块div,左侧div固定宽度200px,右侧div宽度如何写才能填满浏览器右侧部分(除了calc的方法外)
第一种方法☞设置宽度为100%,,,
第二种方法☞得到你浏览器的宽度,然后减去你第一个div的固定宽度,剩下的值就是第二个div的宽度
第一个div如果设置边框减去边框的宽度,在浮动就ok了。
只能通过百分比进行填充设置了
可以把这两个div放在同一个div中……然后设置这个div的宽度……最后用它的宽度减二百就可以了……至于这个div的宽度可以略小于屏幕宽度……相当于留白了……
查看这个。http://stackoverflow.com/questions/6487085/two-divs-one-fixed-width-the-other-the-rest
容器relative定位,200px那个absolute定位,右边的margin-left:200px
<!DOCTYPE html>
<div style="position:relative">
<div style="position:absolute;left:0;top:0;width:200px;background:#eee;height:300px">left</div>
<div style="margin-left:205px;background:#ccc;height:500px">right</div>
</div>
第二个div相对定位,然后width:100%填充
解决方法:
//如下布局div,注意left和right的上下位置
//css
.left{
min-height:50px;
border:1px solid #f69;
overflow:hidden;
}
.right{
min-height:50px;
border:1px solid #09f;
float:right;
width:250px;
}