gpt4 book ai didi

html - 有没有办法根据内容扩展页面或容器?

转载 作者:太空宇宙 更新时间:2023-11-04 08:40:03 25 4
gpt4 key购买 nike

有没有办法根据内容 div 扩展页面或容器?您是否需要在所有 div 中指定高度,以便它们扩展到所需的大小?我不明白如何扩展 div。

html{
height:100%;

}
body{
margin: 0px;
padding: 0px;
background-color: grey;
height:100%;
width:100%;

}
#container{
height:90%;
width:80%;
margin:auto;
border-style: solid;

}
#header{
height:8%;
width:100%;

}
#head_wrap{
height:90%;
width:100%;
margin:auto;
}
#content{
height:70%;
width:80%;
margin:auto;
}
 <html lang="en">
<head>
<meta charset="UTF-8">
<title>basic</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="container">
<div id="header">
<div id="head_wrap">

</div>


</div>
<div id="content">

</div>
</div>

</body>
</html>

最佳答案

使用overflow css规则根据content展开container:

#container, #content{
overflow:hidden;
}

关于html - 有没有办法根据内容扩展页面或容器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44199144/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com