Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 设置绝对div的宽度可添加水平滚动条_Html_Css_Position_Scrollbar_Absolute - Fatal编程技术网

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

Html 设置绝对div的宽度可添加水平滚动条,html,css,position,scrollbar,absolute,Html,Css,Position,Scrollbar,Absolute,我试着将一个绝对div居中,同时设置这个div的宽度,但是很明显,这两件事在同一时间只有一件是可能的。我很轻松地将绝对div居中,但设置minwidth会毫无理由地添加这个无用的水平滚动条: 奇怪的是,如果我通过添加一行字符将div拉伸到所需的宽度,它的行为会非常完美 有人知道如何解决这个问题吗?看起来是您的最小宽度规则造成的。展开您的小提琴输出窗口,您将看到它消失。如果您需要最小宽度,您可以针对元素应用溢出规则。比如说 body { overflow-x: hidden; } -你用

我试着将一个绝对div居中,同时设置这个div的宽度,但是很明显,这两件事在同一时间只有一件是可能的。我很轻松地将绝对div居中,但设置
minwidth
会毫无理由地添加这个无用的水平滚动条:

奇怪的是,如果我通过添加一行字符将div拉伸到所需的宽度,它的行为会非常完美


有人知道如何解决这个问题吗?

看起来是您的
最小宽度规则造成的。展开您的小提琴输出窗口,您将看到它消失。如果您需要
最小宽度
,您可以针对元素应用
溢出
规则。比如说

body {
    overflow-x: hidden;
}
-你用这个规则的例子

编辑 根据讨论,如果您只是希望将元素居中,请应用以下
margin
规则

margin : 0 auto;

没有滚动条?是的,我知道,但我只是想完全失去水平滚动,但我想这是不可能的。你能解释一下吗?在我提供的示例中,我没有看到任何水平滚动条,这是正确的,但是仍然可以水平滚动。(例如,单击鼠标滚轮)。通过添加overflow-x:hidden,您只是隐藏了滚动条。@user1870238我不确定我是否仍然理解,我无法复制<代码>溢出-x:hidden
将不允许我水平滚动。你能具体分享一下你看到哪个浏览器出现这种情况吗?这也会禁用垂直滚动,而不是我想要的。做一些像居中和设置宽度这样平凡的事情不是很奇怪吗?