gpt4 book ai didi

javascript - CSS 边距 : 0 auto messing up another DIV's alignment

转载 作者:行者123 更新时间:2023-11-28 01:20:18 26 4
gpt4 key购买 nike

< 我的问题是,当我使用“返回顶部”按钮执行任何操作时,它会弄乱“底部”div。在我添加“回到顶部”按钮后,它搞砸了底部的 div。我试图涉足“底部”div 本身,但是,没有运气。我怎样才能让底部像预期的那样居中?

.imagen {
padding-top:200px;
display: block;
margin-left: auto;
margin-right: auto;
width: 350px;
height:auto;
}
body {
margin:0;
}

#menulist {
list-style-type: none;
margin:0 auto;
width:900px;
padding-top:20px;
padding-bottom:100px;
}

.linkactive {

text-transform: uppercase;
font-weight: 1000;
font-family: 'Poiret One', cursive;
font-size: 30px;
width: 190px;
text-align: center;
float: left;
padding: 10px;
background-color: white;
color: black;
}

.link {
text-transform: uppercase;
font-weight: 1000;
font-family: 'Poiret One', cursive;
font-size: 30px;
width: 190px;
text-align: center;
float: left;
padding: 10px;
}

.link:hover {
cursor: pointer;
color: grey;
}
.section1 {
margin:0 auto;
width:900px;
text-align:center;
font-weight: 1;
}
#reflection{

margin: 0 auto;
width:900px;
}



.bottom{
margin-top:100px;
width:100%;
height:200px;
background-color:#fffef9;
}

.section6{

margin: 0 auto;
width:900px;
}
#text6{
padding-top:100px;
font-weight: 1000;
font-family: 'Poiret One', cursive;
text-transform:uppercase;
text-align:center;
font-size:15px;
color:black;
letter-spacing: 5px;
}
#btt{
margin-top:100px;
margin-bottom:100px;
margin: 0 auto;
width:900px;
}
a {
text-transform: uppercase;
font-weight: 1000;
font-family: 'Poiret One', cursive;
font-size: 30px;
width: 190px;
text-align: center;
float: left;

color:black;
text-decoration:none;
}

a:hover {
cursor: pointer;
color: grey;
}
<link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Reenie+Beanie" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Nanum+Pen+Script" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Give+You+Glory" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Julius+Sans+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Molle:400i" rel="stylesheet">


<body>

<img class=imagen src='closed.jpg' onmouseover="this.src='open.jpg';" onmouseout="this.src='closed.jpg';" />

<div id="menubar">
<ul id="menulist">


<li class="link" onclick="reStyle(0)"><a href="Joseph Kwong resume.html">about</a></li>

<li class="link" onclick="reStyle(1)"><a href="Joseph Kwong resume.1.html">portfolio</a></li>
<li class="linkactive" onclick="reStyle(2)">reflection<li>
<li class="link" onclick="reStyle(3)"><a href="Joseph Kwong resume.3.html">contact</a></li>

</ul>
</div>
<div id="reflection">

</div>

<div id="btt">
<a href="Joseph Kwong resume.1.html" >BACK TO TOP<a>
</div>

<div class=bottom>
<div class=section6>

<p id="text6">Copyright © 2018 Joseph Kwong - All Rights Reserved.</p>
</div>
</div>
</body>

最佳答案

你离开了 /在你的 <a> 末尾标签。尝试添加 /看看是否能解决问题。

<div id="btt">
<a href="Joseph Kwong resume.1.html" >BACK TO TOP<a>
</div>

关于javascript - CSS 边距 : 0 auto messing up another DIV's alignment,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51544627/

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