Html 将h1添加到视口设置为100的div中
我正在尝试创建一个viewheight为100的div。在div内放置了一个h1。h1放大了div,因此不再是100 viewheight。它不应该像下面的示例中现在这样有滚动条。我在这上面搜寻答案,但什么也没找到 如何将h1元素添加到viewheight为100的div中,而不放大div? 为什么要扩大呢Html 将h1添加到视口设置为100的div中,html,css,height,Html,Css,Height,我正在尝试创建一个viewheight为100的div。在div内放置了一个h1。h1放大了div,因此不再是100 viewheight。它不应该像下面的示例中现在这样有滚动条。我在这上面搜寻答案,但什么也没找到 如何将h1元素添加到viewheight为100的div中,而不放大div? 为什么要扩大呢 试验 试验 使用溢出:隐藏如果您不需要div的内容,它将删除滚动条,或者如果您想在div内显示,则使用定位 div{position:relative} h1{position:ab
试验
试验
使用溢出:隐藏
如果您不需要div的内容,它将删除滚动条,或者如果您想在div内显示,则使用定位
div{position:relative}
h1{position:absolute}
该定位将刻印h1,并显示在div h1顶部,不会溢出
此外,您还可以使用显示
属性
div{display:flex;justify-content:space-
around;height:100vh}
h1{ height:auto}
这将避免flex在一行中溢出。如果你不想要flex,只需在h1中使用height:auto。它将占用其父div的最大宽度