Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/scala/17.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_Css Position - Fatal编程技术网

Html 制作固定div水平滚动

Html 制作固定div水平滚动,html,css,css-position,Html,Css,Css Position,我没有这方面的例子,但是这个问题真的不需要。是否可以使div可以左右滚动,但不能上下滚动?我知道一个相对的布局同时做这两件事,而一个固定的布局根本不会移动 要求只能通过HTML和CSS完成 也许这有点太短(但如果没有更多的信息或标记,或者JSFIDLE应用,则无法回答) CSS 尝试使用此选项,唯一的问题是它不能适用于所有浏览器: div { position: sticky; } 我认为如果你将div设置为比屏幕宽度更宽,它会自动显示滚动这是真的,但只有当它是绝对值时,哪个绝对值会

我没有这方面的例子,但是这个问题真的不需要。是否可以使div可以左右滚动,但不能上下滚动?我知道一个相对的布局同时做这两件事,而一个固定的布局根本不会移动

  • 要求只能通过HTML和CSS完成

    • 也许这有点太短(但如果没有更多的信息或标记,或者JSFIDLE应用,则无法回答)

      CSS


      尝试使用此选项,唯一的问题是它不能适用于所有浏览器:

      div {
          position: sticky;
      }
      

      我认为如果你将div设置为比屏幕宽度更宽,它会自动显示滚动这是真的,但只有当它是绝对值时,哪个绝对值会向任何方向移动。我没有尝试过,但是如果你将max height设置为100vh,使div大于容器,或者屏幕大小,它可能也会与相对位置一起工作。但我现在没有证据。Overflow:hidden将禁用滚动,Overflow:auto允许滚动。这很有意义,应该可以工作。但是,它会创建一个新的额外的滚动条吗?我不确定。但是你可以测试一下。如果宽度超过100%,则默认情况下浏览器应显示滚动条。很抱歉,我目前还没有工作实例。帖子上的评论更深入地解释了这一点,但你用我的措辞回答了这个问题。
      div {
          position: sticky;
      }