设置绝对宽度 div 添加水平滚动条
Setting width of absolute div adds horizontal scrollbar
我正在尝试将绝对 div 居中并同时设置此 div 的宽度,但显然这两个事情只能同时进行。我已经设法轻松地将绝对 div 居中,但是设置 min-width
会无缘无故地添加这个无用的水平滚动条:https://jsfiddle.net/pietertje1/ze7472ge/
奇怪的是,如果我通过添加单行字符将 div 拉伸到所需的宽度,它的表现非常完美。
有人知道如何解决这个问题吗?
您的 min-width
规则似乎是导致此问题的原因。展开你的 fiddle 输出 window 你会看到它消失了。如果您需要 min-width
,您可以定位元素并对它们应用 overflow
规则。例如
body {
overflow-x: hidden;
}
JSFiddle Link - 您使用此规则的示例
编辑
根据讨论,如果您只是希望将元素居中,请应用以下 margin
规则
margin : 0 auto;
我正在尝试将绝对 div 居中并同时设置此 div 的宽度,但显然这两个事情只能同时进行。我已经设法轻松地将绝对 div 居中,但是设置 min-width
会无缘无故地添加这个无用的水平滚动条:https://jsfiddle.net/pietertje1/ze7472ge/
奇怪的是,如果我通过添加单行字符将 div 拉伸到所需的宽度,它的表现非常完美。
有人知道如何解决这个问题吗?
您的 min-width
规则似乎是导致此问题的原因。展开你的 fiddle 输出 window 你会看到它消失了。如果您需要 min-width
,您可以定位元素并对它们应用 overflow
规则。例如
body {
overflow-x: hidden;
}
JSFiddle Link - 您使用此规则的示例
编辑
根据讨论,如果您只是希望将元素居中,请应用以下 margin
规则
margin : 0 auto;