gpt4 book ai didi

html - 股利百分比

转载 作者:太空宇宙 更新时间:2023-11-04 16:27:55 27 4
gpt4 key购买 nike

<分区>

这是新手,如果我错过了 CSS 中的重要类(class),请深表歉意......

我正在尝试在 CSS 中做一个简单的练习...一个 div 中的一个 div,两者都按百分比调整大小,以便它们响应不断变化的窗口大小。这是我的代码:

<head>
<title>Percentage Test</title>
<style>
html, body {
height: 100%;
margin: 0;
}
#outer {
height: 100%;
width: 100%;
background-color: yellow;
}

#inner {
height: 90%;
width: 90%;
/* margin: 5%; */
background-color: blue;
}
</style>
</head>


<body>
<div id="outer"><div id="inner"></div></div>
</body>

一切都如我所想;外层占整个屏幕,内层占外层的90%。如果我对此进行添加(即添加另一个内部 div,更改百分比),一切都会按照我的预期进行。如果我向内部 div 添加周围边距(在本例中为 5% 但已注释掉),我希望内部 div 在外部 div 内居中(顶部/底部,左侧/右侧)。它适用于侧面和底部,但不适用于顶部。相反,外部 div 被推离顶部的主体(我假设为 5%,但我不确定)。关于为什么会发生这种情况有什么想法吗?

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