ul里面不建议放Div

在正文的第一句加入“我正在参加中秋创意投稿大赛，详情请看：中秋创意投稿大赛

看下错误的写法：

  <ul class="clearfix">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>

        <div class="add">
            这一块在ie7及之前版本会被加载到文本为5的li里。
        </div>
    </ul>

  <style type="text/css">
        .clearfix {
            display: inline-block;
            width: 100%;
        }

        .clearfix li {
            float: left;
            height: 50px;
            border: 1px solid #999;
            width: 12%;
            list-style: none;
           
        }

        .add {
            background: #55a315;
            height: 20px;
        }
    </style>

谷歌浏览器：

IE7及以下版本：

• 在ie7文档模式下，就把div添进了离它最近的li里面。

• 同理按钮也是：

so, 大家也多留意哈！！！