1

我有一个 div，其中包含其他 div 和应用到它的几个 CSS 类。现在，似乎一切都只适用于我的 div 的文本部分，没有文本，事件的 nono 和 css 都有效。

所有 Jquery 事件和 CSS 属性仅适用于 div 中包含的文本，而不适用于整个 div。即使我只是尝试cursor: pointer;在该 div 的 css 中应用 a ，甚至像这样附加一个事件处理程序：

$("#myDiv").on("click", function (event) {
    alert("works");
});

我尝试设置 a background-color，设置 a background-image，我尝试了click事件和on事件。没有任何效果。

HTML

<div id="content">
    <div id="meatBlock" class="blocks">
        PORK & BEEF
    </div>
    <div id="cheeseBlock" class="blocks">
        CHEESE & ONIONS
    </div>
</div>

CSS

这是不起作用的内部 Div 之一上的 CSS：

.blocks
{
    float: left;
    width: 310px;
    height: 141px;
}
#content
{
    max-width: 975px; 
    min-width: 975px;
    margin: 0 auto;
    width: 50%;
}

如果我float:left完全从 css 中删除它，它就可以工作。我不明白为什么，因为我无法在 jsfiddle 中重现它。

任何人有任何建议并知道这里发生了什么？我需要它只能在 IE8+ 中工作，所以不用担心 chrome 或 firefox。

4

1 回答 1

1

我发现了问题。

确实float:left如此。

为了解决这个问题，我<div style="clear: both">在所有使用浮动的 div 的末尾添加了 a，它神奇地将 div 的行为恢复为正常

于 2013-08-13T08:44:42.410 回答