UC知道一个DIV布局的问题
来源：百度知道 编辑：UC知道 时间：2024/06/15 01:03:57
先看下代码：<style>
#div1{ width:800px; height:40px; border:1px #CCCCCC solid; float:left; margin:2px}
</style>
</head>
<body>
<div id="div1">a</div>
<div id="div1">a</div>
<div id="div1">a</div>
</body>
为什么我的宽度设为200PX的时候float:left可以启作用；设为800PX的时候，float:left就起不了做用了
#div1{ width:800px; height:40px; border:1px #CCCCCC solid; float:left; margin:2px}
</style>
</head>
<body>
<div id="div1">a</div>
<div id="div1">a</div>
<div id="div1">a</div>
</body>
为什么我的宽度设为200PX的时候float:left可以启作用；设为800PX的时候，float:left就起不了做用了
这里并不是float:left不起作用
我举个例子哈
一个桌子长60cm
我们可以再桌子上放3个长20cm的积木
但当我们放3个长伟80cm的积木 桌子肯定是放不下 会掉下去
所以
因为body的宽度有限 而成不下3个长度为800px的div1 所以会感觉到float不起作用 这么说楼主明白了么？？
呵呵 祝楼主好运咯！
你想像一个嘛,一个正方形,固定了的,而你在里面放两个,而这两个的宽度大于了外面那个长方形的宽度你说能不能放得下哇,所以只有里面两个的宽度要小于或者等于的时候才放得下OK??