如何正确定位菜单?

时间:2016-01-11 00:19:04

标签: css html5 twitter-bootstrap-3

我有menu(菜单左侧只有背景不可见)还有文章模板here
我尝试将它加在一起here但是如果菜单位置正确,那么文章总是在菜单下面,如果文章位置正确,则菜单在下面。任何人都可以帮我这个吗?

2 个答案:

答案 0 :(得分:0)

CSS:

//if you want your menu always on the left side 
#menu{ //your menu
position:fixed; //added
width:300px; //
min-width:300px; // yours,even thought you don't need this
left:0;
top:0;
height:100%;

}

#other_content{ //right to your menu
margin-left:300px;
//and other styles you do
}

HTML(这是我想象你想要你的页面后我想象的那样):

<body>
<div id="menu"></div>
<div id="other_content"></div>
</body>

如果您需要更多帮助,请发布一些代码,以便我们更深入地了解您的需求

答案 1 :(得分:0)

根据我如何理解您的问题,您想要删除菜单的左侧间隙并将其放在文章中的相同位置。

要实现此目的,只需将以下样式添加到菜单div。

position: fixed;
top: 0;
left: 0;