如何删除屏幕右侧的空白区域

此wordpress网站http://www.sulu13.net/14有一个响应式徽标和菜单，我希望将其集中在帖子下面的内容边缘。于是我说：如何删除屏幕右侧的空白区域

.tc-header .brand a { /* Logo */ 
position: relative; 
left: 200px; } 

.navbar .navbar-inner { /* Navbar */ 
position: relative; 
top: 130px; 
left: 380px; }

在添加此CSS，屏幕上得到一个水平滚动条，并且对屏幕的右侧空格（等于left: 380px）。有些东西告诉我，它与共享相同类的响应菜单按钮有关，.navbar .navbar-inner作为无响应菜单。我会改变这一点，但我的PHP知识是有限的，所以我不知道从哪里开始。

我已经尝试删除JQuery菜单本身，但这没有效果，（我的猜测是..），因为我实际上并没有删除响应菜单按钮/菜单。

这里的主CSS文件 - http://www.sulu13.net/14/wp-content/themes/customizr/inc/css/green.css?ver=3.1.6

任何想法，将不胜感激，在此先感谢您的时间。

伊恩

来源

2014-02-12 nax3t

width:100% (default width) + 380px (left value) = 100% + 380px

您将需要调整导航，如果你想让它离开它，它是这样的，以弥补移动过来，意思是像width:calc(100% - 380px);

然而，我我建议不要使用绝对位置来提高响应速度，也不要求操纵数值。

取出left:380px
应用此：
```
#menu-my-menu { 
    float:right; 
} 
```

这种方法还允许添加多个列表元素，它们将自动被正确定位

来源

2014-02-12 22:01:47

使用此：

.navbar .navbar-inner { /* Navbar */ 
position: relative; 
top: 130px; 
}

因此，请删除left:380px。我不明白你的意思是通过将菜单居中并与下面的文本对齐，因为文本的容器比菜单和徽标的容器宽一些，并且如果将菜单与下面的帖子对齐，它将不会居中了。但删除left属性应该给你你想要的。

来源

2014-02-12 22:04:19 Loolooii

感谢您的帮助！我回头仔细看了看，结果发现我能够用一个包装和一些媒体查询来解决宽度调整的问题。

来源

2014-02-14 06:40:01 nax3t

如何删除屏幕右侧的空白区域

回答

相关问题