我想增加我的顶级社交按钮，导航菜单和页脚社交窗口小部件下方边框的宽度，以适应屏幕的宽度，但似乎无法弄清楚如何。
我的页面 - www.adelinesays.blogspot.com
答案 0 :(得分：1)
您#top-social嵌套为.outerwrapper的孩子。
如果从.outerwrapper中删除属性width: 1100px;，它会将＃top-social组件扩展为整个宽度。
基本上.outerwrapper使#top-social的最大块宽度为1100px。
如果您在Mac上打开Chrome开发者工具（命令+选项+＆＃34;我＆＃34;），您就可以选择.outerwrapper并取消选中width: 1100px;，您会看到您正在寻找的所需输出。
我认为这是最简单的解决方案，我认为只需改变这一点就可以正常工作。
如果您通过删除此最大宽度在其他地方发现问题，则可以在与.outerwrapper相同的顶层创建另一个容器，并将顶部导航项目放在其中。事实上你正在筑巢一个全宽的＆＃34;约束宽度父组件内部的顶部导航（垂直节期中较高的组件到嵌套的#top-social组件）意味着#top-social组件从其父.outerwrapper继承此最大宽度
希望这有帮助！ @javascriptjames http://jamescoury.com
答案 1 :(得分：0)
您的网站构建方式，您可以完全删除外包装，并将容器类应用于您希望保持宽度为1100px的元素。
删除outerwrapper div，围绕导航的容器div以及将容器类添加到widget-content div将在这种情况下实现您希望的布局。