html - 页面宽度超过 100%

Question

我的网站有以下CSS...

CSS：

body {
    font-family: Calibri;
    font-size: 100%;
    color: #323232;
    position: relative;
    min-width: 60%;
}
html, body { height:100%;}

它出于某种原因添加了一个水平滚动条，我不知道为什么

这是完整的 css 和 html 的小提琴：http: //jsfiddle.net/charliejsford/9MdSv/

有任何想法吗？

Answer 1

您必须删除body元素上的边距：

body {
    font-family: Calibri;
    font-size: 100%;
    color: #323232;
    position: relative;
    min-width: 60%;
    margin: 0
}

这是一个更新的jsFiddle。

Answer 2

您必须设置一个最大宽度作为示例here

#trans-nav li ul {
    opacity: 0;
    position: absolute;
    left: 0;
    max-width: 260px;
    background: #EEEEEE;
    list-style-type: none;
    padding: 0;
    margin: 0; 
}