Question

我在页面顶部有一个固定的导航栏。

Inside是一些浮动的div，其中包含链接，点击时切换隐藏的内容，使用jQuery向下滑动主内容。

一切正常，但由于某种原因，我无法让下拉菜单或内容左右碰到边距0。

这是一个有效的fiddle

这是CSS：

.wrapper { width: 100%; margin:0;padding:0;}
.topnav {width:100%;height:50px;position: fixed; top:0;background:yellow;left:0;}
.div1 {float:left;width:50px;background:blue;height:50px;}
.div2 {float:left;height:50px;background:orange;}
.div3 {float:right;width:50px;background:red;height:50px;text-align:center;}
.div4 {float:right;width:50px;background:black;height:50px;}

.link {margin:0.2rem;}

.dropdown {display:none;width:100%;background:black;color:white;}
.umenu {display:none;width:100%;background:black;color:white;}

.clear {clear:both;}

p {padding:10px 0 10px 0}

.content {margin-top:50px;background:teal;}

我不打算发布html和jQuery，因为我确信这严格来说是一个CSS问题，但它就是小提琴。

Answer 1

这是另一种解决方案。

您可以更改position:realtive

 .content {margin-top:50px;background:teal;margin-top:-15px;} /*MODIFICATION*/

.topnav {width:100%;height:50px;position: relative; top:0;background:yellow;left:0;} /* MODIFICATION*/

这里的小提琴：https://jsfiddle.net/L6zk25m5/4/

Answer 2

白痴....我没有在小提琴中将身体边缘设置为0。

立即行动！

除非别人觉得它有用，否则我会留在这里。

固定导航栏与浮动，下拉菜单，左右边距不正确

2 个答案: