Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.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,我正在尝试使用overflow:auto将div定位在固定宽度和高度的父div中,以便在div中的div超出div时滚动 也就是说,我有一个400像素宽的div,如果我将一个子div的位置设置为左:500像素,我希望它在div上有一个水平滚动条在屏幕外 我创建了两个示例 也就是说,在示例1中,第二个红色div应该用一个类似示例2的水平滚动条半切,只是它被内容向下推,因为它不是绝对定位的 我希望这是有意义的。在示例1中,设置position:relative on div#main 你只需要在di

我正在尝试使用overflow:auto将div定位在固定宽度和高度的父div中,以便在div中的div超出div时滚动

也就是说,我有一个400像素宽的div,如果我将一个子div的位置设置为左:500像素,我希望它在div上有一个水平滚动条在屏幕外

我创建了两个示例

也就是说,在示例1中,第二个红色div应该用一个类似示例2的水平滚动条半切,只是它被内容向下推,因为它不是绝对定位的


我希望这是有意义的。

在示例1中,设置position:relative on div#main

你只需要在div上整理你的上边距和左边距,以补偿它与主体不相关(减少11个像素左右)