1
position: fixed;を追加する前に、すべてを中央に配置してから追加した後、ブラウザの左側に表示されます。誰もが私のコードを修正支援しようとイメージをHTMLの中心に配置する方法
body {
padding: 0;
margin: 0;
overflow-y: scroll;
font-family: "Raleway",sans-serif;
font-size: 1em;
font-weight: bold;
}
#nav {
background-color: #000f1e;
}
#nav_wrapper {
width: 960px;
margin: 0px 0px 0px 115px;
text-align: left;
}
#nav ul {
list-style-type: none;
padding: 0;
margin: 0;
position: relative;
}
#nav ul li {
display: inline-block;
}
#nav ul li:hover {
background-color: #000f1e;
}
#nav ul li a,visited,hover {
color: white;
display: block;
padding: 20px;
text-decoration: none;
}
#nav ul li a:hover {
color: #626262;
text-decoration: none;
}
#nav ul li:hover ul {
display: block;
}
#nav ul ul {
display: none;
position: absolute;
background-color: #01172c;
border-bottom: solid 2px white;
}
#nav ul ul li {
display: block;
}
#nav ul ul li a,visited {
color: #ccc;
}
#nav ul ul li a:hover {
color: #626262;
}
#spon {
background-color: black;
}
#spon_wrapper {
width: 960px;
margin: 0px 0px 0px 115px;
text-align: left;
}
.logo {
text-align: center;
position: fixed;
}
#nav {
z-index: -1;
}
#nav_wrapper {
z-index: -1;
}<!DOCTYPE html>
<html>
<head>
<title>DeLuzens</title>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<div class="logo">
<img src="logo.png" style="height: 125px; width: 100px; text-align: center;">
</div>
<div id="nav">
<div id="nav_wrapper">
<ul>
<li>
<a href="#">Home</a></li>
<li>
<a href="#">Store</a>
<ul>
<li><a href="">Jerseys</a></li>
<li><a href="">Hoodies</a></li>
<li><a href="">Shirts</a></li>
<li><a href="">Headwear</a></li>
<li><a href="">Accessories</a></li>
</ul>
</li>
<li>
<a href="#">Roster</a>
<ul>
<li><a href="">CS:GO</a></li>
<li><a href="">Overwatch</a></li>
<li><a href="">League Of Legends</a></li>
<li><a href="">Dota 2</a></li>
</ul>
</li>
<li>
<a href="#">News</a>
</li>
</ul>
</div>
</div>
</body>
</html>ありがとう：Dの固定要素が追加することで位置を中央に
ようになり、 'Z-index'は、センタリングとは何の関係もありません。 –
paulie_d私がz-indexを追加する前に、centeringはtext-align：center; – zefrolity
にかかわらず、Zインデックスはセンタリングに関連していません。それに影響を与える何かがあります。 –