我在这里和那里看到的建议是总是在浮动项目上设置宽度。但是,当我正在探索流行的网络服务(如Twitter /谷歌)的CSS时,我发现几乎没有人这样做。
始终设置浮动项目的宽度仍然被认为是好的风格吗?在哪种情况下,我应该设置'width'属性以及什么时候可以安全地省略它?
一些引言:
“您应该始终在浮动项目上设置宽度(除非直接应用于图像 - 具有隐式宽度)。如果没有设置宽度,结果可能无法预测。“
HTML and CSS: Design and Build Websites book says:
使用float属性时,还应使用width属性指示浮动元素的宽度。如果不这样做,结果可能会不一致,但是框可能会占用包含元素的整个宽度(就像在正常流程中一样)。
答案 0 :(得分:1)
那真的取决于浏览器,你必须在多个浏览器中检查结果,以确保它们都没有“误解”你的设置。无论如何我都设置了一个宽度,因为没有浏览器可以误解它。
答案 1 :(得分:1)
Block元素占用父级的全宽。如果你使用float它不会占用整个宽度,宽度将是它的元素宽度。
答案 2 :(得分:1)
我使用包含div的百分比的浮动元素的宽度,你得到的唯一问题是包含div可能不会包装其内容,所以你必须把主div溢出:auto