Tanyacui的博客

CSS christmas tree div{     width:200px;     height:300px;     background:gray; } #toptree{ width:0px; height:0px; border-top:0px solid blue; border-right:100px solid transparent; borde

采用DIV+CSS，做的一个自上而下的布局。包括标题与主体两个部分。因为width设置为100%，可以根据浏览器屏幕的变化而变化。

与方法一的区别在于我的主内容区是固定宽度的，采用margin-left:-460px;与left:50%;的搭配方式进而自适应。

左右布局方法，但是无法达到自适应的效果。

同样是左右布局方式，采用width为固定宽度，从而达到自适应效果。

在布局中遇到的问题： 1.在用float属性使元素浮动时,一定要为浮动元素设置宽度,在清除浮动效果时,一定是与浮动元素同等级别的情况下,写一个空的div 然后设置他的{float:none;}.其中main为主要内容区可以不设宽度,继承父元素的100%width,可以设置它的margin值.     若在body下嵌套子div块header,main,sidebar,footer,那么bod