div的水平排列、垂直排列

垂直排列

–css–

.lay1{ width:200px; height:20px; border:1px solid #FF6699; } .lay2{ width:200px; height:20px; border:1px solid #FF6699; } .lay3{ width:200px; height:20px; border:1px solid #FF6699; }

–html–

<div class="lay1"></div> <div class="lay2"></div> <div class="lay3"></div>

效果图： 水平排列 在相应的样式中加一个float:left 即可：

–css–

.lay1{ width:100px; height:20px; border:1px solid #FF6699; float:left } .lay2{ width:100px; height:20px; border:1px solid #FF6699; float:left } .lay3{ width:100px; height:20px; border:1px solid #FF6699; float:left }

–html–

<div class="lay1"></div> <div class="lay2"></div> <div class="lay3"></div>

效果图：