0

フッター内で div を水平に配置する際に問題があります。フッター内の div の間に同じ量のスペースを確保する必要があります。

これが私がこれまでに行ったことです

           #submitemail
         {

         float:right;
         margin-right: 280px;
       }
      .footerinfo3
      {

          float: left;
       margin-right: 280px;
      }
      .footerinfo1
      {


       float: left;
       margin-right: 280px;
      }

コードの残りの部分は 次のとおりですhttp://jsfiddle.net/U3RXD/

4

5 に答える 5

3

これは使用例ですdisplay:inline-block;

JSフィドル

footer{
    width:100%;
    background:#EEEEEE;
    height:400px;
    text-align:center;
}

footer div{
    width:30%;
    height:90%;
    margin:2.5% 0 2.5%  0;
    background:white;
    display:inline-block;
}  

<footer>
   <div></div>
   <div></div>
   <div></div>
</footer>

簡単なメモfloat:left;として、他のすべての回答で を使用する場合は、親コンテナーに clearfix を追加して、引き続き子を処理する必要がある場合があります。

クリアフィックス

IE8+

.group:after {
  content: "";
  display: table;
  clear: both;
}

クロスブラウザ Clearfix

http://css-tricks.com/snippets/css/clear-fix/

于 2013-04-29T18:10:37.650 に答える
1

フロートはすべて左にする必要があります float:left; これを読む

于 2013-04-29T18:08:08.983 に答える
1 
#footer div{
    width: 32%; 
    margin-left: 1%;
    float: left;
}

働くフィドル

于 2013-04-29T18:10:19.837 に答える