Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.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 无固定宽度的强制溢出_Html_Css - Fatal编程技术网

Html 无固定宽度的强制溢出

Html 无固定宽度的强制溢出,html,css,Html,Css,我正在创建一个图像滚动器(或者我想它可能被称为旋转木马),基本上我有一个水平元素,它有一个水平滚动的子元素。问题是,我希望父对象的宽度为100%,而我希望子对象的宽度溢出,但我希望它的宽度是动态的,而不是固定的,这样我就可以在不指定固定宽度的情况下添加任意多的元素 这可能吗?下面是一个我现在正在处理的示例,但是目前,溢出的可滚动元素有一个固定的宽度,所以我可以允许它溢出 这里的宽度是100% 这里的宽度是任意的,取决于里面有多少物品 这是html的高级基本概念对于内联块您可以使用空白和拖放浮

我正在创建一个图像滚动器(或者我想它可能被称为旋转木马),基本上我有一个水平元素,它有一个水平滚动的子元素。问题是,我希望父对象的宽度为100%,而我希望子对象的宽度溢出,但我希望它的宽度是动态的,而不是固定的,这样我就可以在不指定固定宽度的情况下添加任意多的元素

这可能吗?下面是一个我现在正在处理的示例,但是目前,溢出的可滚动元素有一个固定的宽度,所以我可以允许它溢出

这里的宽度是100%
这里的宽度是任意的,取决于里面有多少物品

这是html的高级基本概念

对于
内联块
您可以使用
空白
和拖放
浮动
,然后不再需要
宽度
绝对
定位

<div class='parent'> width here is 100%
  <div class='horizontal-scroll'> width here is anything, depends on how many items are inside
    <div class='item'></div>
    <div class='item'></div>
    <div class='item'></div>
    <div class='item'></div>
  </div>
</div>