设置绝对div的宽度会添加水平滚动条

时间:2015-04-20 12:56:20

标签: html css position scrollbar absolute

我试图将一个绝对div居中,同时也设置了这个div的宽度,但显然这两件事中只有一个是可能的。我设法将绝对div放在中心位置,但设置min-width无缘无故地添加了这个无用的水平滚动条:https://jsfiddle.net/pietertje1/ze7472ge/

奇怪的是,如果我通过添加一行字符将div拉伸到所需的宽度,它就会表现得很完美。

任何人都知道如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

您的min-width规则似乎导致此问题。展开你的小提琴输出窗口,你会看到它消失。如果您需要min-width,则可以定位元素并将overflow规则应用于它们。例如

body {
    overflow-x: hidden;
}

JSFiddle Link - 您使用此规则的示例

修改

根据讨论,如果您只想将元素居中,请应用以下margin规则

margin : 0 auto;

Updated JSFiddle

相关问题