margin:auto和position:fixed不能同时使用么_html/css_WEB-ITnose

来源：动视网责编：小采时间：2020-11-27 15:53:14

margin:auto和position:fixed不能同时使用么_html/css_WEB-ITnose

margin:auto和position:fixed不能同时使用么_html/css_WEB-ITnose:这是我的CSS代码 #header { width: 90%; height: 50px; background-color: orange; overflow: auto; position:fixed; margin:auto; z-index: 1; } 图中的橙色块怎么也居中不了我尝试过修改代码的次序，也试过不要ove

推荐度：

点击下载本文 文档为doc格式

导读margin:auto和position:fixed不能同时使用么_html/css_WEB-ITnose:这是我的CSS代码 #header { width: 90%; height: 50px; background-color: orange; overflow: auto; position:fixed; margin:auto; z-index: 1; } 图中的橙色块怎么也居中不了我尝试过修改代码的次序，也试过不要ove

这是我的CSS代码
#header {
width: 90%;
height: 50px;
background-color: orange;
overflow: auto;
position:fixed;
margin:auto;
z-index: 1;
}

图中的橙色块怎么也居中不了
我尝试过修改代码的次序，也试过不要overflow，z-index等代码，还是没有解决问题
希望各位帮忙解决一下，谢谢！

回复讨论(解决方案)

贴你完整的html和css

First html

-------------------------------------------------------------------------------------
div {
border-radius: 5px;
}

#header {
width: 90%;
height: 50px;
background-color: orange;
overflow: auto;
margin: auto;
position: fixed;
z-index: 1;
}

.left {
width: 25%;
height: 360px;
background-color: gold;
margin-top: 70px;
margin-left: 5%;
position: relative;
display: inline-block;
}

.right {
width: 60%;
height: 360px;
background-color: #A9A9A9;
margin-top: 70px;
margin-right: 5%;
position: relative;
display: inline-block;
}

#footer {
width: 90%;
height: 50px;
background-color: #00FF00;
margin: auto;
margin-top: 20px;
position: relative;
clear: both;
}