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;
}