Html 将h1添加到视口设置为100的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

我正在尝试创建一个viewheight为100的div。在div内放置了一个h1。h1放大了div,因此不再是100 viewheight。它不应该像下面的示例中现在这样有滚动条。我在这上面搜寻答案,但什么也没找到

如何将h1元素添加到viewheight为100的div中,而不放大div? 为什么要扩大呢


试验
试验


使用
溢出:隐藏
如果您不需要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的最大宽度