html简单定位

(1) 两个块水平排列

将两个块都设为浮动即可。注意不能将两个块的position属性设为absolute(绝对定位) 

#div1{ background-color: red;       
                  float:left;              
             }
#div2{ background-color: gray;        
              float: left;
            }

如果两个块的width用%表示,相加大于100%,两个块会变为上下排列。如一个是width:60% 另一个是width:70%

(2)四个块两两排列

代码同上,都将float设为left.

将第一和第三块的宽度设为60%   将第二和第四块的宽度设为40%

 

posted @ 2015-10-08 10:59  金明爱python  阅读(182)  评论(0编辑  收藏  举报