gpt4 book ai didi

html - 有没有办法显示宽度为 % 且没有内容的 div?

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

例如显示这个 div:

<div class="circle"></div

.circle {
width: 300px;
height: 300px;
background: red;
border-radius: 50%;
}

但是当宽度和高度以 % 表示时它会折叠:

.circle { 
width: 30%;
height: 30%;
background: red;
border-radius: 50%;
}

有没有办法让它显示出来?

最佳答案

这是因为div没有高度。 width: 30%;将始终使 div 成为父级宽度的 30%(在本例中为 <body>),这就是您想要的。但是,高度的行为略有不同。

您需要像这样为 body 和 html 指定 100% 的高度:

html,
body {
height: 100%;
}

Working Fiddle

您可以阅读为什么 height: 100%;表现得像那样here

关于html - 有没有办法显示宽度为 % 且没有内容的 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15416190/

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