我的链接不被其父级识别<div>。为什么？

Question

我在<div>中有一个<a>，但<div>不识别<a>并调整和增加其高度以适应链接。

查看我的html/css: http://jsfiddle.net/RjfVN/2/

Answer 1

那是因为你的section-link类有float: left;你得把花车清理干净。要做到这一点，你可以在结束的</a>之后直接添加一个div，如:

<div style="clear: left;"></div>

或

<div class="clearfix"></div>

并将.clearfix{ clear: both; }添加到您的css中，以便您可以重用它

Answer 2

将overflow:auto设置为#main.

Answer 3

是的，你的链接正在使用float:left。有几种方法可以解决这个问题。

1. 在链接之后(例如#footer) clear: left(或both)

2. 也浮动#main容器div，或者给它position: absolute

3. 将overflow: auto添加到#main容器div

然而，在情况2 &3你需要设置容器的宽度，因为它不会有最初的100%的宽度，它正在使用。此外，在Internet explorer中，设置宽度实际上是溢出效果所必需的，因为它强制容器为hasLayout。