不指定浮动元素的宽度有什么危险?

时间:2010-03-11 00:40:19

标签: css html

我的理解是浮动元素必须指定宽度,否则不可预测的渲染可能会确保。

这是真/假吗?

是否可以浮动像DIV这样的元素而不指定宽度?

3 个答案:

答案 0 :(得分:4)

不包括浮动元素的宽度是不可预测的,因为浏览器会确定浮动的宽度。

  

理论上,具有未定义宽度的浮动元素应缩小到其中最宽的元素。这可能是单词,句子甚至是单个字符 - 结果可能因浏览器而异。资料来源:http://css.maxdesign.com.au/floatutorial/introduction.htm

答案 1 :(得分:0)

一般情况下,您没有。

如果指定float元素的宽度,则其宽度将与指定的一样。

如果不这样做 - 元素的宽度将取决于其内容。如果没有内容 - 宽度将为零(除非您指定了填充或边框),如果其中有长文本 - 该元素可能会扩展到整个页面(或父元素)。例如,如果在float元素中有图像,则其宽度将是图像宽度的等等。

答案 2 :(得分:0)

IE6中唯一一次没有宽度浮动的问题。我之前从未在IE6上测试该网站,并将其显示给运行IE6的工作计算机上的朋友。它完全破坏了页面,并且有点令人尴尬。

当我重新开始工作时,我发现并安装了精彩的IETester程序,在几个元素上添加了宽度,现在一切正常。在这里获取IETester:http://www.my-debugbar.com/wiki/IETester/HomePage

祝你好运,并记住:如果您依赖于没有宽度的花车来测试您的布局的重要部分,请在IE6上进行测试!