页面宽度超过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

你必须设置一个最大宽度作为例子

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