2

我正在用一个简单的流体网格做一些实验，只有一个侧边栏和一个主要区域。当我尝试在主区域内的 div 中放置一些边距时，边距不能正常工作，但在侧边栏中它工作正常。这是 Jsfiddle：http: //jsfiddle.net/swayziak/vVJeV/

HTML：

<section class="sidebar">
    <div class="test"> bla bla bla bla bla ba balalalalal </div>
</section>

<section class="mainarea">
    <div class="test"> bla bla bla bla bla ba balalalalal </div>
 </section>

CSS

.sidebar {
   position: fixed;
   z-index: 100;
   top: 0;
   left: 0;
   width: 25%;
   height: 100%;
   border-right: 1px solid #E3E3E3;
   background: #FFF;
 }

.mainarea {     
   float: right;
   z-index: 100;
   top: 0;
   left: 0;
   width: 75%;
   height: 100%;
 }

.test {    
   margin-left: 24px;
 }

可能问题与 .sidebar 和 .mainarea CSS 的某些部分有关，但我不知道是哪一个。

谢谢。

4

1 回答 1

4

这是你的答案。这里是 例子。

你的问题是侧边栏占了 25%，而主要区域是 75%。这通常可以工作，但是，你有border-right1 px ..因此总数加起来为 101%..

这些是我所做的更改：

.sidebar {
    float:left; /* Added this in */
    width:24%; /* Changed to 25 to 24 */
}

如果您需要更多帮助，或者有任何其他问题，请告诉我。

于 2013-08-28T23:16:42.697 回答