Question

我在许多作品/项目中一直使用CSS浮动属性，在很多场合，我发现使用浮动元素末尾的额外html元素清除浮动元素并使用{ {1}}在额外元素的样式中，或者使用clear:both;（这是用于清除浮动元素的常见解决方法），或者有时使用父类型中的clearfix样式。

尽管这些解决方案在很多情况下根据需要对我有用，但我真的想了解更多有关这些解决方案的信息，如果有其他方法可以解决这个问题，我们将不胜感激。

为了更好地理解我创造和提出的问题，我将不胜感激任何建议或问题。

Fiddle 在小提琴中，我创造了3个例子来解释我一直在使用的解决方案。在示例3中，我使用了overflow:hidden但是使用此解决方案存在问题。例如，如果我想要一些内容溢出其父级，我就不能这样做了。

我使用的overflow: hidden的某些行是：

CSS

Answer 1

行，列和浮动事物已经很好地处理了诸如twitter bootstrap之类的事情。使用它不仅可以消除猜测，还可以确保您的布局看起来与浏览器相同。

这是一种更好的方式来做事情，因为那时你也有一些优雅的断点一直到移动。

你不需要使用bootstrap所拥有的一切（虽然我也会推荐它！）你可以使用他们的网格系统。