gpt4 book ai didi

html - Div 试图居中但不起作用

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

我的问题是我试图将一个 div 放在我的全 Angular 标题中,如下所示:

</body>
<!-- the CSS -->
#header {
margin-top: -1em;
margin-left: -1em;
height: 2.95em;
padding:15px 0;
min-width:150%;
background-color: #F4F6F7;
border: 1px solid #E1E1E1;

}
#insideHeader {

border: 1px solid black;
width: 20em;
height: 2.6em;
margin: 0 auto;
}

此代码的结果在 here 中.

提前致谢。

最佳答案

min-width:100%; 似乎让你的 div 居中......

body {
background-color: red;
margin: 0;
}
#header {
margin: 0;
height: 2.95em;
padding:15px 0;
min-width:100%;
background-color: #F4F6F7;
border: 1px solid #E1E1E1;
}
#insideHeader {
border: 1px solid black;
width: 20em;
height: 2.6em;
margin: 0 auto;
}
<body>
<div id="header">
<div id="insideHeader"></div>
</div>
</body>

或者 http://jsfiddle.net/x1b7zpy4/1/

关于html - Div 试图居中但不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33976254/

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