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>

效果图：