Question

好吧，所以我得到了这个div：

#content .entry-title {
    color: #5d9851;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.3em;
    margin-left: 30px;
    width: 520px;
    overflow: hidden;
    border-bottom: 1px solid #97fb83;
}

它不会像.stripedbar那样放在.grayblock那边：

.stripedbar{
    background-position:left top;
    background-repeat: repeat;
    background-image:url('images/bar.png');
    height: 20px;
    width: 520px;
    margin-left: 30px;
    margin-bottom: 0px;
}

.grayblock{
    background-color: #cccccc;
    height: 40px;
    width: 20px;
    float: left;
}

任何想法如何让它发挥得很好（在.grayblock一边，在.stripedbar下面）？

这是博客： http://prime.programming-designs.com/blog/

Answer 1

您的样式表中包含以下代码：

h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: normal;
}

因此，.entry-title块正在清除.grayblock的浮动。您需要将clear:none;添加到#content .entry-title样式，它才能正常运行。

Answer 2

将clear:none属性添加到<h2>代码或#content .entry-title，因为目前不允许浮动元素到达任何一方。

div浮动问题

2 个答案: