gpt4 book ai didi

html - 使用 %? 标记内容高度/宽度?

转载 作者:行者123 更新时间:2023-11-28 11:41:59 25 4
gpt4 key购买 nike

这两天一直在玩前端网页设计,主要是用floats/clearfix来定位我的内容。我一直在使用 % 标记内容的宽度并且效果很好。

但是,如果我尝试将高度定义为整个页面的百分比,它将无法工作,更准确地说,它似乎只是围绕着那里的内容,我必须将高度定义为 px 值。

这是有原因的吗?有没有一种变通方法可以让我使用百分比值并实际划分页面?

最佳答案

要在 % 中定义属性 height,您需要在父 height 上预先定义。然后,如果您的 parent 在 px 上有固定的 height,您可以使用 %;但如果你想使用与窗口相关的 % 或其他 % 值,你需要为所有父级设置一个值。

然后如果你想使用窗口 % 你需要这个:

HTML 类似:

<body>
<div id="container">My div with 100% height</div>
</body>

类 CSS:

/*Need to set all parents to 100%*/
html, body {
height:100%;
}
/*Then set the container*/
#container {
height:100%;
}

关于html - 使用 %? 标记内容高度/宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20634006/

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