gpt4 book ai didi

html - 如何通过展开空标签来分层背景图片?

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

我想对背景图像进行分层,这样我就可以获得带有边框的漂亮效果。

我认为我的代码足够简单,但我遇到的问题是标签不想正确展开。我稍后会解释更多。这是 html:

    <!doctype html>

<html>
<head>


<title>My blog</title>
<link rel="stylesheet" type="text/css" href="webdev.css"/>
</head>

<body class='body'>
<div class='outer'>
<div class='inner'>
</div>
</div>
</body>

</html>

样式表:

  .body
{
min-height:100%;
width:100%;
margin-top:0px;
overflow: hidden;
display: inline-block;
display: block;
}

.outer
{
min-height:100%;
width:100%;
overflow: hidden;
display: inline-block;
display: block;
}

.inner
{
min-height:100%;
width:100%;
}

我还不是 100% 确定 clearfixes 是必要的。基本上,无论屏幕大小如何,我都希望 div 全部封装整个屏幕。感谢您的所有回复。如果我不清楚,请随时发表评论,我会解释更多,但我认为这个问题很基本。

最佳答案

试试这个:

body
{
height:100%;
}

.outer
{
height:100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
}

.inner
{
height:100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
}

关于html - 如何通过展开空标签来分层背景图片?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7045497/

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