2

ここで述べたようにフッターを作成しようとしています:http://css-tricks.com/left-align-and-right-align-text-on-the-same-line/

問題は、2つの段落が、divで定義されていないかのように、フッターの下に少し配置されていることです。これが私のコードです:

<div id="footer" style="clear: both;">
  <p class="alignleft">left</p>
  <p class="alignright">right</p>
</div>

css:

div#footer{
    height: 20px;
    padding: 0px 10px;
    line-height: 20px;
    clear: both;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
4

2 に答える 2

5

overflow: hidden;フロートをクリアするためにコンテナで使用divしないでくださいheight

デモ

CSS

div#footer {
   padding: 0px 10px;
   line-height: 20px;
   overflow: hidden;
}
于 2012-12-22T19:07:34.483 に答える
0

高さの値は自動である必要があります

CSS

#footer{
   height: auto;
   padding: 0px 10px;
   line-height: 20px;
   **word-wrap: break-word;**
}
于 2018-05-28T11:31:01.240 に答える