我的链接无法被其父<div>识别。为什么？</DIV>

Question

我在<a>中有<div>但<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

将溢出：自动置于#main。

Answer 3

是的，您的链接正在使用float:left。有几种方法可以解决它。

1. 在链接后添加内容（例如#footer} clear: left（或both）。

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

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

然而，在案例2＆amp; 3您还需要设置容器的宽度，因为它不会使用它所使用的初始100％宽度。此外，在Internet Explorer中，实际上需要设置宽度才能使溢出产生任何效果，因为它会强制容器hasLayout。