box1设置了左浮动后,蓝色的box2仍是独占一行,只是box1脱离了标准文档流,遮住了box2而已,如果把box2的height设置的高一点就可以看出来,只是浮动后不会遮住内容层或者非块级元素。
2016-02-21
#wrap{width:970px;margin:0 auto;}
#mainbody{position:relative;margin-top:15px;}
#left{float:left;margin-right:13px;width:110px;border:1px solid #999; }
#mid{float:left;width:650px;border:1px solid #999;}
#right{position:absolute;left:790px;border:1px solid #999;}
#mainbody{position:relative;margin-top:15px;}
#left{float:left;margin-right:13px;width:110px;border:1px solid #999; }
#mid{float:left;width:650px;border:1px solid #999;}
#right{position:absolute;left:790px;border:1px solid #999;}
2016-02-21
#wrap{width:970px; margin:0px auto;}
#mainbody{ margin-top:15px;position:relative;}
#left{float:left;width:110px; }
#mid{float:left;width:650px;border:1px solid #999;margin-left:13px;}
#right{border:1px solid #999;position:absolute;left:790px;}
这样的代码能让右边实现自适应宽度吗?
#mainbody{ margin-top:15px;position:relative;}
#left{float:left;width:110px; }
#mid{float:left;width:650px;border:1px solid #999;margin-left:13px;}
#right{border:1px solid #999;position:absolute;left:790px;}
这样的代码能让右边实现自适应宽度吗?
2016-02-21
盒子模型的立体图片:1~5为:border、content+padding、background-image、background-color、margin.