内容隐藏在左侧菜单后面

时间:2014-04-09 04:36:16

标签: menu css-position containers

我的网页内容位于我左侧的侧边菜单后面。我想要修复菜单,但每当我这样做时,内容会隐藏在左侧菜单后面。任何帮助将非常感激。 (格式化道歉,网站新手。)

.menu {

padding-top: 150px;




height: 100%;




width: 170px;




background-color: white;




float: left;




display: table;





position: fixed;

}

1 个答案:

答案 0 :(得分:1)

固定元素不再位于页面流中,它们的行为方式与绝对定位元素相同。 Chris Coyier对定位http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/

的不同有很好的解释

为了让您的身体内容停止在固定属性后面流动,您需要创建一个所有正文内容所在的容器(如果尚不存在),当然除了导航/菜单栏。然后,您将主体内容的填充左侧应用于固定元素的宽度,以便主体内容始终填充远离浏览器的左侧。

固定元素影响元素和位置的流量和位置:父容器上的相对对固定元素没有影响。