宽度超过浏览器窗口

时间:2014-04-10 11:35:31

标签: html css width viewport

我已经查看了之前关于这个主题的问题但是在遵循了我可以找到并查看完整CSS的建议之后,我无法理解这个......

我的身体宽度,html设置为100%,我无法找到任何在填充等方面造成的伤害。

有人可以指出问题是什么吗?可能是一件非常简单的事情,我只是错过了。

以下是网站:www.niklaskoskela.com

很抱歉不发布只是一个片段,但我真的找不到问题。

此致 尼古拉斯

3 个答案:

答案 0 :(得分:1)

您的问题似乎出现在.nav ul上。 margin-right: -8%;对我来说似乎是个问题。

对于任何其他人来说,你需要点击其中一个Niklas'项目,例如http://www.niklaskoskela.com/hkr.html

答案 1 :(得分:0)

我认为问题在于div id =“wrapper”height。 删除高度:100%并检查..

#wrapper {
width: 100%;
/*height: 100%;*/
}

答案 2 :(得分:0)

我同意damienoneill2001 这就是问题

按如下方式更改您的CSS

.nav ul {
    float: right;
    margin-left: 20px;
    margin-top: 1.6%;
    padding-top: 1%;
    width: 40%;
}

从正文width:100%移除宽度,auto宽度

body {
    background-color: #F5F5F5;
    height: 100%;
    text-decoration: none;
}

让我们更新一些用于导航的css,将其转到右上角

.nav ul li a.next img { float: right; margin-right: 20%; opacity: 0.7; text-decoration: none; width: 15%; }

.nav ul li a.close img { float: left; margin-left: 8%; opacity: 0.7; text-decoration: none; width: 15%; }

.nav ul li a.previous img { float: left; margin-left: 19%; opacity: 0.7; text-decoration: none; width: 15%; }

.nav ul { float: right; margin-top: 1.6%; padding-top: 1%; width: 24%; }

还请更新hoverwidth

margin个班级