Dreamweaver div左右布局

2024-12-22 13:40:21
推荐回答(5个)
回答1:

html代码:


    如何在左边?

    如何在右边?


css代码:

.bigBox {margin: 0 auto; width: 960px;}
.left { float: left; width: 600px;}
.right { float: right; width: 340px;}
/* clearfix */
* html .clearfix {zoom: 1;}
*+html .clearfix {zoom: 1;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}

解释:bigBox上加clearfix是为了能让bigBox容器撑开,这个你写背景的时候就知道了,还有浮动的元素最好加上宽度

追加:如果一个div里面有俩个元素(一个(左)没浮动,一个(右)有浮动),浮动的元素要先写,就是(一个(右)有浮动,一个(左)没浮动),如果不这么写,ie7(好像是这个)会产生错位;

还有就是清除浮动的元素,是你用浮动元素的父级的第一个兄弟元素(这里面的clear)清除,直接

.clear { clear: both;}

回答2:

在他们说的这些基础上面,还有一点很重要

当你给div设置浮动的时候,记得要清除浮动,清除浮动的目的就是为了不让它的浮动对下面造成影响。。


如何在左边?

如何在右边?


回答3:

给你做了个图,应该直观一些,你理解下!

回答4:


如何在左边?

如何在右边?

或者


如何在左边?

如何在右边?

回答5:


如何在左边?

如何在右边?

相关问答
最新问答