0

私は 960 グリッド システムを使用していますが、ページの下部だけでなく、フッターをグリッドとインラインに保つのに問題があります。次のコードは、ページの端の間のスペースを自動で埋める代わりに、0px の margin-left と margin-right で計算されます。

HTML

<footer class="botbar">
    <small class="contact">name address information</small>
    <small class="social">social media icons</small>
    <small class="humans">human info</small>
    <small class="copyright">&copy; info</small>
</footer>

CSS

.botbar {
  /*properties of container_16*/
    margin-left:auto;
    margin-right:auto;
    width:960px;
  /*my styling*/
    clear: both;
    position: absolute;
    bottom: 0;}
.fcontact {
  /*properties of prefix_1*/
    padding-left:60px;
  /*properties of container_16+grid_4*/
    width:220px;
  /*properties of grid_4*/
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:10px;
.social {
  /*properties of prefix_1*/
    padding-left:60px;
  /*properties of grid_4*/
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:10px;
  /*properties of container_16+grid_4*/
    width:220px;
  /*properties of suffix_1*/
    padding-right:60px;}
.humans {
  /*properties of grid_4*/
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:10px;
  /*properties of container_16+grid_4*/
    width:220px;
  /*properties of suffix_1*/
    padding-right:60px;}
.copyright{
  /*properties of grid_16*/
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:10px;
  /*properties of container_16+grid_16*/
    width:960px;}
4

1 に答える 1

0

それを解決し、.bottomクラスを実行してフッターに追加することができたので<footer class="botbar bottom">、<div>

于 2012-08-16T18:27:21.900 に答える