Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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 - Fatal编程技术网

Html 为什么当我的div在身体外时没有滚动条出现?

Html 为什么当我的div在身体外时没有滚动条出现?,html,css,Html,Css,我有一个固定宽度的放置在body元素内部,带有float:right。当我调整窗口大小且的宽度低于窗口宽度时,不会出现滚动条 HTML <body> <div>Some text content inside.</div> </body> 如果我通过位置:绝对改变浮动:右也是一样的;右:0 如果我添加body{overflow:auto;}它仍然是一样的 我的问题是:为什么会有这种行为?我怎样才能改变它 您不能向左滚动超过文档左边缘(或再向

我有一个固定宽度的
放置在body元素内部,带有
float:right
。当我调整窗口大小且
的宽度低于窗口宽度时,不会出现滚动条

HTML

<body>
   <div>Some text content inside.</div>
</body>
如果我通过
位置:绝对改变
浮动:右
也是一样的;右:0

如果我添加
body{overflow:auto;}
它仍然是一样的

我的问题是:为什么会有这种行为?我怎样才能改变它


您不能向左滚动超过文档左边缘(或再向上滚动超过上边缘)

但是,内容可以放在那里

这就是正在发生的事情,你不能改变它

最接近的方法是在包含元素上设置最小宽度,以便内容永远不会离开左边缘或上边缘

e、 g


您永远不能向左滚动超过文档的左边缘(或再向上滚动超过上边缘)

但是,内容可以放在那里

这就是正在发生的事情,你不能改变它

最接近的方法是在包含元素上设置最小宽度,以便内容永远不会离开左边缘或上边缘

e、 g


OP评论后更新:

然后你只需要在你的div周围放一个外盒

<div id="outside">
   <div id="inside">
       Text
   </div>
</div>


更好?

在OP发表评论后更新:

然后你只需要在你的div周围放一个外盒

<div id="outside">
   <div id="inside">
       Text
   </div>
</div>


更好?

位置:相对是多余的。不是吗?@OrtomalaLokni-不,它将身体作为绝对定位div的定位上下文。位置:相对是多余的。不是吗?@OrtomalaLokni-不,它将主体作为绝对定位div的定位上下文。好的,但是我的div必须有一个固定的宽度。所以没有最大宽度是可能的。好的,但是我的div必须有一个固定的宽度。因此不可能有最大宽度。
<div id="outside">
   <div id="inside">
       Text
   </div>
</div>
#outside {
   max-width: 100%;
   overflow-x: auto;
   float: right;
}

#inside {
   background:blue;
   width: 300px;
}