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

标签 html css

我的问题是我试图将 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/

相关文章:

html - 如何阻止我的背景 div 与我的菜单 div 重叠?

css - 带有 CSS 的 2 行菜单

jquery - 在不知道背景高度的情况下设置带背景的div高度

javascript - Bootstrap 旋转木马内部 "autoplay"

javascript - JS : parse dynamically added script before other scripts

javascript - 如何选择带有列表项的偶数行

twitter-bootstrap - 如何在odoo 10中自定义按钮和文本

html - 在 div 下方居中 div

javascript - 脚本和样式未在 functions.php 中排队

javascript - 将键添加到对象中的多个值