包含图像的浮动div必须具有宽度吗?

时间:2014-03-26 20:58:01

标签: css

我正在探索响应式设计并更多地了解CSS,并很高兴地发现如果我将图像放在div中并浮动它,我不需要为div分配宽度。显然,它会自动假定封闭图像的宽度。 (我还应该指出,我已经从我的所有图像中剥离了宽度和高度属性。)

我正在使用Mac,它可以在各种屏幕尺寸上与Chrome,Safari,Firefox和Opera完美配合。 (实际上,我在使用Firefox时遇到了一些问题,但浮动工作正常。)

但是,有些消息来源说你应该总是为浮动的div指定一个宽度。所以,为了确保我知道自己要了解什么,有人能给我一些具体的理由我应该为这些div分配宽度吗?我假设某些旧版浏览器可能需要定义的宽度。另外,我还没有在Internet Explorer中测试我的页面。

1 个答案:

答案 0 :(得分:3)

从外观上看,在浮动元素上设置特定宽度实际上只是帮助您控制元素的大小。从我在下面链接的文章中,当浮动元素上没有设置宽度时,它将向下折叠到内部最宽项目的宽度,这可以小到单个宽度。通过添加特定宽度,我们可以确保浮动元素的外观/行为符合您的预期!

http://css.maxdesign.com.au/floatutorial/introduction.htm

干杯