我怎样才能让下面的CSS变成一个更整洁合理的结构。如果您仔细检查以下代码。你会发现 ul 元素实际上占据了前面的一行,而不是包含 li 元素在一个盒子里。那么我可以做些什么改变来让 ul 封装所有四个 li 项呢?
最佳答案
在 li 上使用 float 时,它们会脱离文档流,这意味着 UL 不再知道其子项的大小,因此无法扩展其大小以适应其子项。
在 UL 上放一个 float 。 http://fiddle.jshell.net/Gghz8/2/
http://coding.smashingmagazine.com/2009/10/19/the-mystery-of-css-float-property/
当我开发我的网站时,我几乎所有的东西都是 float 的。它只是有助于保持一致并避免像您现在遇到的问题。
关于css - 如何使 ul 在其内容框中包含 li?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18397576/