Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.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,所以我有一个网页,但是当我开始缩小窗口的大小时,所有的元素开始堆叠在一起,看起来都很混乱。i、 e Youtube只是切断了一切,而不是所有的图像互相堆叠。如何实现类似效果?默认情况下,块元素会调整父元素的宽度,因此,如果不以像素为单位为容器(或min width)提供固定的width),则宽度将为100%,并通过调整子元素的大小来调整宽度。将宽度/最小宽度添加到容器中: #wrapper{ width: 960px; margin: 0 auto; ... } CSS属性min

所以我有一个网页,但是当我开始缩小窗口的大小时,所有的元素开始堆叠在一起,看起来都很混乱。i、 e


Youtube只是切断了一切,而不是所有的图像互相堆叠。如何实现类似效果?

默认情况下,块元素会调整父元素的宽度,因此,如果不以像素为单位为容器(或
min width
)提供固定的
width
),则宽度将为
100%
,并通过调整子元素的大小来调整宽度。将
宽度
/
最小宽度
添加到容器中:

#wrapper{
  width: 960px;
  margin: 0 auto;
  ...
}

CSS属性
minwidth
加上一个
overflow-x
。它适用于网页的一部分,而其他部分在调整大小时仍然会弄乱。也许是因为我使用了相对定位?