Question

我正在构建一个响应式网站。在大型桌面尺寸上，我似乎在大滑动横幅的右侧有一些空白区域。我猜这是由于滑块中的一些css造成这种情况。这个白色空间似乎超出了身体标签的边界。您可以通过向右移动水平滚动条来查看此信息。建立在Twitter Bootstrap 3上的框架。

我使用的滑块名为FlexSlider。

我会发布HTML和CSS，但由于我不完全确定从哪里开始，会有很多，我不确定它会有多大帮助。

感谢您的帮助。

实时网页的网址：http://sevenclanscasino.designangler.com/warroad/warroad-home

Answer 1

页脚标记溢出..更改/更新应用于此标记的css。

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
    width: 99%;
}

我刚尝试将宽度设置为99％，如上所述。

Answer 2

这是一条CSS规则：

.flexslider {
    margin: 0 0 20px;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    zoom: 1;
}

您必须对此行进行评论以查看更改：

background: #fff;
border: 4px solid #fff;

评论此行，您将不会有此空格。

Luiggi

Answer 3

你可以尝试修改它吗？请告诉我一些事情，如果你想让我的电子邮件给我发私信。

.flexslider {
    margin: 0px 0px 20px;
    position: relative;
 /*   background: none repeat scroll 0% 0% #FFF;
    border: 4px solid #FFF;
    border-radius: 4px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);*/
}

我评论这一行，并且它不在页面上的空格！

告诉我一些事情

Luiggi

页面右侧不需要的空白区域

3 个答案: