Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/sockets/2.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
Css 100%父div,内有浮动的左图像_Css - Fatal编程技术网

Css 100%父div,内有浮动的左图像

Css 100%父div,内有浮动的左图像,css,Css,我有一个父div,里面有一堆子div。我想让孩子们在水平方向上并排排列。这意味着不能将父div设置为精确的宽度量,因为图像量将一直更改。所以我假设将父div设置为width:100%,然后将其中的子div项浮动为:left 只有当我给父div一个与其中所有子div的宽度相匹配的设置宽度时,它才会起作用。有没有一种方法可以让它100%地在父对象内水平并排地放置子对象 看看这个-这是你想要的吗 本质上,您只需要在包装器div上声明以下内容,仅此而已 #wrapper{ white-space:no

我有一个父div,里面有一堆子div。我想让孩子们在水平方向上并排排列。这意味着不能将父div设置为精确的宽度量,因为图像量将一直更改。所以我假设将父div设置为width:100%,然后将其中的子div项浮动为:left

只有当我给父div一个与其中所有子div的宽度相匹配的设置宽度时,它才会起作用。有没有一种方法可以让它100%地在父对象内水平并排地放置子对象

看看这个-这是你想要的吗

本质上,您只需要在包装器div上声明以下内容,仅此而已

#wrapper{
 white-space:nowrap;  
 overflow:hidden; /* whatever suits you - could be scroll as well*/
}

您不需要浮动图像,因为默认情况下它们不是块级元素。

因此,如果窗口太小,您不希望子对象换行为两行?正确。它们应该全部显示在一个水平行中,而浏览器窗口外的部分仍将显示在一行中,您只是看不到它们。根本看不到它们,还是会有一个滚动条您可以提供您的代码到目前为止?您可以发布一个示例吗?到底什么是“只起作用?”你所建议的应该很好。谢谢Christoph,但你在FF上给我举的例子不是显示水平排列的图像。它们似乎要换行到下一行。FF的空src属性有问题。我调整了小提琴,现在再试一次。好的,太好了,我要试一下,看看为什么我的不起作用。把所有代码分解并发布到这里有点困难。如果我不能从你的例子中得到它,我会尝试把我的分解成一个有效的例子。