0

オーバーフロー div 内に絶対配置されている div を中央に配置しようとしています。

ここに私のHTMLがあります。 フィドル

 <header class="contain960"> 
      <div class="brand_logo"></div>
      <nav>
            <ul>
                <li class="active">Boats</li>
                <li>Cars</li>
                <li>Powersports</li>
                <li>RV's</li>
                <li>Consignment</li>
            </ul>
      </nav>
 </header>

 <div class="site_line top"></div>
 <div class="site_line custom"></div>
 <div class="site_line bottom"></div>

そしてCSS。

section {
  position: relative;
  max-width: 1280px;
  min-width: 960px;
  width: 100%;
  overflow: hidden;
}

.site_line {
  position: absolute;
  width: 1280px;
  height: 1px
  //Gradient Fill
  //Center the DIV;
}

.site_line.top{
  top: 0px;
}

.site_line.bottom{
  bottom: 0px;
}

.site_line 要素は、セクションの幅が 1280px よりも小さくなり左に押し出されなくても、常に div の中央に配置する必要があります。背景画像と background-position プロパティでこれを行ったことがあります。しかし、私の人生では、javascriptなしでそれを行う方法を理解することはできません.

どんな助けでも素晴らしいでしょう！

4

1 に答える 1

2

使用しないでくださいposition: absolute;。

代わりに次を使用しますmargin: auto;。

.site_line {
  margin: auto;
  width: 1280px;
  height: 1px
  //Gradient Fill
}
于 2013-01-16T05:16:03.380 に答える