Question

以下是我要修复的错误：

image of bug http://img26.imageshack.us/img26/9008/bild292.png

我已经尝试了一切，现在已经没有想法了，这就是它的样子：

ideal output http://img809.imageshack.us/img809/3508/bild293.png

Answer 1

您需要清除浮动元素。您可以像其他人建议的那样使用明确的解决方法，也可以将overflow:hidden或overflow:auto分配给.inside和#red-box。保持＃red-box不崩溃的唯一因素是min-height。然后，您将能够调整您在按钮元素上设置的边距，现在它将被清除，因此它将生效。

<强> CSS：

#red-box{
overflow:hidden;
}

.inside{
overflow:hidden;
}

Answer 2

是否试图漂浮？在它下面添加以下div：

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

否则，按钮的高度不会压低内容的其余部分。

Answer 3

您需要在CSS中添加this clearfix：

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

然后，您需要将clearfix添加到div#mf15的类中。这为我解决了这个问题。

你能帮我修一下我网站上的这个css Bug吗？

3 个答案: