Question

我有一个使用bootstrap的框架。我创建了顶部面板和左侧菜单。现在我想将内容放在div标签中，该标签位于左侧菜单旁边，并且到达主框架的右下角。但现在它正在菜单下而不是旁边。我尝试了各种我能想到的方式，但仍然失败了。

这是：

<div id="pLeftMenu">
</div>
<div id="pBody">
This text is going down, but it should be laying next to the vertical buttons group 
</div>

css：

.pBody {
    float:right;
    width:80%; 
    background-color:white;
    border:1px solid;
}

我对pBOdy的想法是创建一个具有固定宽度的框架，以包含显示的数据

更新：既然我在问，我也想知道如何制作标题，左侧菜单保持固定，唯一可滚动的框架是pBody我'未能实施

Answer 1

将您的css选择器.pLeftMenu .pBody更改为#pLeftMenu #pBody

jsFiddle http://jsfiddle.net/ettmujvg/5/

UPDATE 如果您想让pBody成为唯一可滚动的框架。更改css代码如下：

#pHeader{position: fixed; width: 100%; top:0px;}
#pLeftMenu {position: fixed;top: 25px;}
#pBody {margin:25px 0px 0px 100px; background-color:white; border:1px solid;}

http://jsfiddle.net/ettmujvg/7/

将内容放在左侧菜单旁边而不是放在下面

1 个答案: