html - CSS上的简单模板问题

Question

我正在学习如何使用 CSS e HTML5 制作一个简单的模板，但我遇到了一个问题：我想制作一个带有侧边栏和文章列表的容器，但它不起作用。看到相信：http: //informaticalab.com/template.html

那条黑线应该是一个包含两个元素的简单边框。感谢您的帮助，抱歉英语不好，费德里科

score 0 · Accepted Answer

看起来你有一个无关的</div>，这是一个问题:) 它在下面的小提琴中被删除。

如果您正在使用浮动元素，您将需要清除这些浮动元素，以便容器“拉伸”到内容的底部。

一个简单的方法是创建一个名为“clear”的新类或类似以下内容：

.clear {
    clear:both;
}

但是，缺点是您引入了一个新的 dom 元素只是为了修改布局。

另一种解决方案（由 Quirksmode http://www.quirksmode.org/css/clearing.html提供）是告诉包含元素处理这些浮动元素：

#container {
    ....old code...
    overflow: auto;
    width: 100%;
}

在某些情况下，这有一些怪癖，因此您可以选择使用哪种方式。

在这里查看小提琴：http: //jsfiddle.net/callseng/kZB5j/

这使用清除元素方法。

1 回答 1