0

互いにインラインになるようにフロートしたい 5 つのセクション タグがあります。過去に float / clearfix 手法を使用したことがありますが、うまくいきました。私は自分が間違っていることを理解できません。

CSS:


    #content{ padding:30px 0 0 15px; width: 959px; }

    .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%;
}

#1, #2, #3, #4, #5 {padding-right:15px; float: left;}



HTML:
    <div id="content">      
      <section id="1">
        <img src="1.png" />
      </section>

      <section id="2">
        <img src="2.png" />
      </section>

      <section id="3">
        <img src="3.png" />
      </section>

      <section id="4">
        <img src="4.png" />
      </section>

      <section id="5">
        <img src="5.png" />
      </section>

     </div><!-- end content-->

      <div class="clearfix"></div>
4

2 に答える 2

0

セクションをインラインブロック/フローティングにし、クリアフィックスではないようにする必要がありますか？

于 2012-10-13T16:02:52.400 に答える
0

id属性は文字（az）で始まる必要があります-IDは単なる数字であるため、無効であり、一致することはありません。

IDを、、から、、に変更1します2...section1section2...

于 2012-10-13T16:04:15.640 に答える