3

我相信我会问一个非常常见的问题，因为在发布我的问题之前我也看到了相关问题，但这有点不同。通常我在垂直扩展 2 个 div 时不会遇到任何问题，但现在我正在使用引导框架开发应用程序。这是一个流畅的布局，这就是我面临一些问题的原因。请提出解决方案。这是我使用的：

HTML：

<div class="main">
  <div class="left">content</div>
  <div class="right">content</div>
</div>

CSS：

.left{ 
    position:absolute; 
    left:0px; 
    border-right:1px solid #bfc4c9;  
    background:#ebf2f9; 
    width:280px !important;
}

.right{ 
    display:block;  
    float:left; 
    position:relative;  
    padding-right:9px; 
    margin-left:300px;  

}

我想垂直对齐左右 div。内容进入右 div，所以我希望左面板的高度随着右面板的高度而增长，并且由于它是一个流畅的布局，所以只有左面板的宽度是固定的，所以我无法定义右面板的宽度。

4

2 回答 2

0

@DBUK：
由于没有足够的声誉点，我无法在您的帖子中添加评论。
我已经更新了你的小提琴：http: //jsfiddle.net/ArbVp/50/

在这种情况下，绝对没有必要以任何方式使用“浮动”。还有一些其他的CSS值是“可有可无”的……！;-)

干杯
冈瑟

于 2013-08-31T14:53:43.147 回答
0

在左列上使用绝对位置 - 顶部、底部、左侧和右侧 - 似乎有效：

http://jsfiddle.net/ArbVp/

需要主 div 是相对位置的，并在列下添加一个明确的。

于 2012-09-19T15:33:09.673 回答