(1) 两个块水平排列

html简单定位

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

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

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

(2)四个块两两排列

html简单定位

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

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

 

相关文章:

  • 2022-01-16
  • 2021-12-14
  • 2022-02-28
  • 2021-10-03
  • 2022-01-06
  • 2021-11-23
  • 2021-11-23
  • 2021-11-23
猜你喜欢
  • 2021-11-17
  • 2022-12-23
  • 2021-11-24
  • 2021-06-25
  • 2021-09-04
  • 2021-09-20
  • 2021-04-24
相关资源
相似解决方案