Html 设置绝对div的宽度可添加水平滚动条
我试着将一个绝对div居中,同时设置这个div的宽度,但是很明显,这两件事在同一时间只有一件是可能的。我很轻松地将绝对div居中,但设置Html 设置绝对div的宽度可添加水平滚动条,html,css,position,scrollbar,absolute,Html,Css,Position,Scrollbar,Absolute,我试着将一个绝对div居中,同时设置这个div的宽度,但是很明显,这两件事在同一时间只有一件是可能的。我很轻松地将绝对div居中,但设置minwidth会毫无理由地添加这个无用的水平滚动条: 奇怪的是,如果我通过添加一行字符将div拉伸到所需的宽度,它的行为会非常完美 有人知道如何解决这个问题吗?看起来是您的最小宽度规则造成的。展开您的小提琴输出窗口,您将看到它消失。如果您需要最小宽度,您可以针对元素应用溢出规则。比如说 body { overflow-x: hidden; } -你用
minwidth
会毫无理由地添加这个无用的水平滚动条:
奇怪的是,如果我通过添加一行字符将div拉伸到所需的宽度,它的行为会非常完美
有人知道如何解决这个问题吗?看起来是您的
最小宽度规则造成的。展开您的小提琴输出窗口,您将看到它消失。如果您需要最小宽度
,您可以针对元素应用溢出
规则。比如说
body {
overflow-x: hidden;
}
-你用这个规则的例子
编辑
根据讨论,如果您只是希望将元素居中,请应用以下margin
规则
margin : 0 auto;
没有滚动条?是的,我知道,但我只是想完全失去水平滚动,但我想这是不可能的。你能解释一下吗?在我提供的示例中,我没有看到任何水平滚动条,这是正确的,但是仍然可以水平滚动。(例如,单击鼠标滚轮)。通过添加overflow-x:hidden,您只是隐藏了滚动条。@user1870238我不确定我是否仍然理解,我无法复制<代码>溢出-x:hidden
将不允许我水平滚动。你能具体分享一下你看到哪个浏览器出现这种情况吗?这也会禁用垂直滚动,而不是我想要的。做一些像居中和设置宽度这样平凡的事情不是很奇怪吗?