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 元素应始终保持在 div 的中心，即使该部分的宽度小于 1280 像素并且不会被推到左侧。我以前用背景图像和背景位置属性做过这个。但我一生都无法弄清楚如何使用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 回答