Question

无法弄清楚发生了什么，我知道这与div有关，但无法弄清楚我哪里出错了。有人可以快速查看并告诉我我在哪里搞砸了，或者更好的是，如何修复它？

这是页面底部的蓝线。我已经尝试了所有我知道的东西（现在已经不多了）。谢谢你的建议！

-Jason

Answer 1

将#templatemo_middle上的高度属性更改为自动。目前高度指定为347px。

Answer 2

更新以下规则：

#templatemo_middle {
    background: url("images/templatemo_content.jpg") no-repeat scroll left bottom transparent;
    clear: both;
    color: #F6F6F6;
    height: 305px;
    margin-bottom: 40px;
    width: 960px;
}

更改高度自动将错误放置此div背景的世界地图图像。

Answer 3

你必须做几个css代码的安排并添加额外的div

第一步： 将.templatemo_middle的CSS更改为以下

.templatemo_middle{
    clear: both;
    width: 960px;
    height: auto;
    color: #f6f6f6;
    margin-bottom: 40px;
/** remove background image from here **/
}

/**add new class which will be used for new div */
.new_class{
     background: url(/images/templatemo_content.jpg) no-repeat scroll left top transparent;
}

第二步： .v_divider中的内容应该包含在另一个div中，并且可以分配背景

<div class="col_w540 float_l v_divider">
    <div class='new_class'>
        ....here goes content....



      .....
    </div><!-- end the new div -->
</div><!-- end of div.v_divider -->

保存并运行

我的div标签排列不正确

3 个答案: