我应该总是在浮动物品上明确设置宽度吗?

时间:2014-01-08 08:16:25

标签: html css css3

我在这里和那里看到的建议是总是在浮动项目上设置宽度。但是,当我正在探索流行的网络服务(如Twitter /谷歌)的CSS时,我发现几乎没有人这样做。

始终设置浮动项目的宽度仍然被认为是好的风格吗?在哪种情况下,我应该设置'width'属性以及什么时候可以安全地省略它?

一些引言:

SmashingMagazine says that

  

“您应该始终在浮动项目上设置宽度(除非直接应用于图像 - 具有隐式宽度)。如果没有设置宽度,结果可能无法预测。“

HTML and CSS: Design and Build Websites book says:

  

使用float属性时,还应使用width属性指示浮动元素的宽度。如果不这样做,结果可能会不一致,但是框可能会占用包含元素的整个宽度(就像在正常流程中一样)。

3 个答案:

答案 0 :(得分:1)

那真的取决于浏览器,你必须在多个浏览器中检查结果,以确保它们都没有“误解”你的设置。无论如何我都设置了一个宽度,因为没有浏览器可以误解它。

答案 1 :(得分:1)

Block元素占用父级的全宽。如果你使用float它不会占用整个宽度,宽度将是它的元素宽度。

答案 2 :(得分:1)

我使用包含div的百分比的浮动元素的宽度,你得到的唯一问题是包含div可能不会包装其内容,所以你必须把主div溢出:auto