html简单定位

(1) 两个块水平排列

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

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

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

(2)四个块两两排列

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

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

原文地址:https://www.cnblogs.com/jmlovepython/p/4860365.html