【问题标题】:Big white space on right side of website网站右侧的大空白区域
【发布时间】:2016-12-01 15:48:02
【问题描述】:

我开始做我的新项目的示例图片部分,然后突然右侧出现了这个大的空白区域,这也让我的图片居中非常令人沮丧。我对此很陌生,并且随着我的前进而学习。

http://sleeksurvey.com/

【问题讨论】:

  • 因为你在 .section-examples 中使用了 margin-left:445px
  • 只需从 .section-examples 中删除 float:left 并执行 margin-left:auto 即可。
  • 很好,谢谢。好的,我这样做了,现在下面的橙色水平线占据了整页,右侧仍然是空白。
  • 您能否更新您的代码,以便我可以在现场看到该问题,因为我可以看到容器在我的编辑后没有错误。
  • 是的,抱歉,我刚刚完成了。

标签: css


【解决方案1】:

你用错了。只需删除 margin-left:445px 并将其设为 margin-left:auto 并从 .section-examples 类中删除 float:left ,您的图像(部分)将位于中心。

更新

在上面的容器中,您在行内使用框 div,那么为什么要在第三部分的外部使用该 div?只需简单地剪切那个盒子文件夹并放在图像部分的第二个 div(行)中,你就完成了:)

【讨论】:

  • 投反对票?? Guyz,您能否评论一下为什么当答案非常清楚时投反对票??