问一个css的float问题.

[chaozhou]

<div style="border:1px #000000 solid;">
<p style="float:left;">111111111</p>
<p style="float:left;">222222222</p>
<p style="float:left;">333333333</p>
</div>

问:为什么上面 p的内容老是跳出div框呢?怎么解决,让
它不跳出来啊? 如果给div 的height 就行,能控制p内容
区域在div框里面,但是没有div的height就不行.我是不要
div的height的,因为不知道p内容有多长啊?如果太长超出
div框显示区域,就又跑出来了.怎么搞呢?

[myvicy]

CSS float 属性

定义
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。

浮动非替换元素要指定一个明确的宽度；否则，它们会尽可能地窄。

注释：假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。

试着设置div的float也为left试试.

[chaozhou]

谢谢 myvicy ;
设置了 div float:left; 了,结果还是不行.还有啊,假如有div height,
但是等下刷新页面时候,在p区域的div框就变白色了,无法刷新,只能再刷新一次页面
那框才出来.

[Atai-Lu]

<div style="border:1px #000000 solid;overflow:auto;"> 
     <p style="float:left;">111111111 </p> 
     <p style="float:left;">222222222 </p> 
     <p style="float:left;">333333333 </p> 
</div> 

这样试试