前提是几个div宽度总和不能超出父元素的宽度。
<div
class="d1
clearfix">
<div
class="d1-1"></div>
<div
class="d1-2"></div>
<div
class="d1-3"></div>
</div>
css:
.d1{
width:1200px
margin:0
auto
overflow:hidden}
.d1
div{
float:left/*将块元素div设定权为左浮动*//*display:inline-block
_display:inline*/
width:400px
height:150px
background:#ccc}
最常用的一种方法：就是浮动,浮动之后会自动往右挤，挤不下就到第二行了。
<ul><li>第一张图片</li>
<li>第二张图片</li>
<li>第三张图片</li>
<li>第四张图片</li>
<li>第五张图片</li>
<li>第六张图片</li>
<li>第七张图片</li>
<li>第八张图片</li>
</ul>
<style> ul{width:800px height:200px} li{width:195pxheight:98pxmargin:1px auto float:leftlist-style-type:none}
</style>
css如何让三个div并排展示，其实就是设置一个浮动点，让三个div靠左或者靠右浮动；
主要标签用于：float：left(靠左对齐)float:right(靠右对齐)：示例如下：
1、首先打开用到的编辑工具这里用DW
2、为了方便观察，我们把三个div设置三个背景颜色来观察，设置三个div样式这里取名：div1 div2 div3 并且引用三个样式；
详解：background:#颜色；是取的三个不同的div背景颜色；给三个div设置宽度为width:300px高度height:200px
3、展示出来的效果如图：
