Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.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,根据该代码: 我想将包装高度设置为lorem ipsum文本高度 因此,我创建了以下代码: 但是包装高度始终与html高度相同。如何将包装大小设置为文本高度 .wrapper { width:400px; position: relative; height: 100%; } 我这样做了,但现在包装大小与html正文大小相同。删除相对位置和高度:“.wrapper”的100%。从“.content”中删除绝对位置。CSS中似乎有太多不必要的定位技巧。正如其他人所说,您需

根据该代码:

我想将包装高度设置为lorem ipsum文本高度

因此,我创建了以下代码: 但是包装高度始终与html高度相同。如何将包装大小设置为文本高度

.wrapper {
    width:400px;
    position: relative;
    height: 100%;
}

我这样做了,但现在包装大小与html正文大小相同。

删除相对位置和高度:“.wrapper”的100%。从“.content”中删除绝对位置。CSS中似乎有太多不必要的定位技巧。

正如其他人所说,您需要删除
.wrapper{height:100%;}
,以便高度由其内容决定

然后,如果您将
.content
更改为
位置:relative
,它应该可以工作。绝对定位的元素从流中取出,因此它们不会影响其父元素的大小


如何删除高度:100%并让包装器根据其内容自动调整高度?它不起作用,修改后模糊效果不会出现。我尝试了您编写的内容,但不起作用。。你能用我的小提琴创作吗?谢谢蒂卡!但它不起作用,因为我需要在内容div后面有一个模糊效果。这个模糊div是.blur类。。