Question

嗨我有简单的HTML，我不知道主要内容没有背景

请帮帮我

 <div id="wrapper">
    <header class="p-t10">

        <div id="logo">
            <a href=""><img src="images/logo.png"/></a>
        </div>

        <div id="top-banner">
            <a href=""><img src="images/banner-3.gif"/></a>
        </div>


    </header>
    <div id="navigation">
        <ul>
            <li><a href="/">Home</a></li>
            <li><a href="/">Poker Games</a></li>
            <li><a href="/">divs</a></li>
            <li><a href="/">Contact Us</a></li>
        </ul>
    </div>

    <div class="main-content">
         <div class="left"></div>
          <div class="center"></div>
          <div class="right"></div>

    </div>

    <div class="clear"></div>
        <footer>


        </footer>
    </div>

JS FIDDLE

Answer 1

你错过了一个div <div class="clear"></div>，因为浮动，你需要清除浮动以给main-content一个高度（自动）

<div class="main-content">
     ....
     <div class="clear"></div>
</div>

<强> DEMO

Answer 2

.main-content必须具有设定的高度，因为其中有浮动元素。

小提琴：http://jsfiddle.net/VFRv8/2/

Answer 3

这是一个简单的解决方案，添加一些内容或设置内容元素的高度，你会看到你想要的背景。

背景颜色不起作用

3 个答案: