gpt4 book ai didi

html - 宽度 :auto taking the size of the parent element

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

美好的一天!我做了一些研究,我在这里阅读 difference between css height : 100% vs height : auto

height-auto 应该根据 child 的宽度占用最小空间。

在我的例子中,该属性的行为类似于width 100%,占用其父级宽度的 100%

代码如下:

<!DOCTYPE html>
<html>
<head>
<style>
.header2 {
float:left;
width:900px;
height:23px;
background:red;
}
.buttonHolder {
margin: 0 auto;
width:auto;
height:24px;
background:black;
}

.button {
width:50px;
height:24px;
background:blue;
float:left;
}
</style>
</head>
<body>
<div class="header2">
<div class="buttonHolder">
<div class="button"></div> <div class="button"></div> <div class="button"></div>
</div>
</div>
</body>

问题是:我的错误在哪里?

最佳答案

.header2 {
float:left;
width:900px;
height:23px;
background:red;
text-align: center;
}
.buttonHolder {
display: inline-block;


height:24px;
background:black;
}

这应该有效。

关于html - 宽度 :auto taking the size of the parent element,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17669931/

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