请帮我解决这个布局

我想在默认MVC3布局这样请帮我解决这个布局

<div id="main"> 
      <div id="left"> 
       @RenderBody() 
      </div>  
      <div id="right"> 
      Feeds here! 
      </div> 

     </div>

呈现的内容划分，但它变成这样 wrong layout 以下是我固定的

的CSS部分

#main #left 
{ 
    float:left; 
} 

#main #right 
{ 
    position:fixed; 
    padding-right:50px; 
    right:10px; 
    text-align:left; 
} 

#main { 
    padding: 30px 30px 15px 30px; 
    background-color:Black; 
    border-radius: 4px 0 0 0; 
    -webkit-border-radius: 4px 0 0 0; 
    -moz-border-radius: 4px 0 0 0; 
    clear:both;  

    color:White; 
}

来源

2012-02-18 Mackintoast

所以有什么问题吗？ – 2012-02-18 14:53:08

暗带应该贴在白色条带上，饲料的右列应该适合主要区域。 – Mackintoast 2012-02-18 14:56:05

那么，当它的位置：固定'它不占用空间。使其固定宽度并更改'body'上的右边距。 – Ryan 2012-02-18 14:56:59

如何在HTML交换右边的div左边上面：

<div id="main"> 
    <div id="right"> 
     Feeds here! 
    </div> 
    <div id="left"> 
     @RenderBody() 
    </div> 
</div>

那么对于CSS：

#main #left 
{ 
} 

#main #right 
{ 
    float:right; 
    padding-right:50px; 
    right:10px; 
    text-align:left; 
}

来源

2012-02-18 15:04:35 Nanhydrin

谢谢，它现在可以工作，但是当我调整浏览器的大小时，馈送区域就会离开主内容区域。我怎样才能将它的右侧粘贴到主要内容的右侧？ – Mackintoast 2012-02-18 15:21:56

我在副本上看不到这种行为。你有没有其他的CSS可能会影响这些divs？像主或左有一个静态宽度它可能从某处获得？ – Nanhydrin 2012-02-18 22:52:24

试试这个：

#main #left 
{ 
    float:left; 
    width:600px; 
} 

#main #right 
{ 
    padding-right:50px; 
    text-align:left; 
    width:200px; 
    float:right; 
}

编辑：使用您自己的宽度来适应您的设计。

来源

2012-02-18 14:59:39 pauliusnrk

请帮我解决这个布局

回答

相关问题