- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
< 我的问题是,当我使用“返回顶部”按钮执行任何操作时,它会弄乱“底部”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/
这个问题在这里已经有了答案: Why don't Java's +=, -=, *=, /= compound assignment operators require casting? (11 个
我搜索了很多,但没有一个链接能帮助我解决这个问题。我得到了 ORA-21500: internal error code, arguments: [%s], [%s], [%s], [%s], [%s
我正在做 RegexOne 正则表达式教程,它有一个 question关于编写正则表达式以删除不必要的空格。 教程中提供的解决方案是 We can just skip all the starting
([\s\S]+|\s?) 中 |\s? 的目的或作用是什么?如果没有它,表达式会不会与 ([\s\S]+) 相同? 最佳答案 这不是完全相同的。 ([\s\S]+|\s?) 会匹配空字符串,而 ([
这个正则表达式有一组还是两组? 我正在尝试使用第二组访问 bookTitle 但出现错误: Pattern pattern = Pattern.compile("^\\s*(.*?)\\s+-\\s+
在 C 中给定一个字符串指针 s,下面的迭代会做什么?即它以什么方式遍历字符串? for (++s ; *s; ++s); 最佳答案 for (++s ; *s;++s) 表示 将指针 s 递增到字符
我正在用一个 node.js 应用程序解析一个大列表并有这段代码 sizeCode = dbfr.CN_DESC.split('\s+-\s*|\s*-\s+') 这似乎不起作用,因为它返回了 [ '
我正在编写一个简单的字符串连接程序。 该程序按照我发布的方式运行。但是,我首先使用以下代码编写它来查找字符串的结尾: while (*s++) ; 但是,这个方法并没有奏效。我传递给它的字符串
这个问题已经有答案了: What does (?和aramchand来自Mohandas Karamchand G 因此,在使用这些匹配来分割字符串后,您最终会得到 {"M", "K", "G"} 注
我正在尝试转换 Map到 List使用 lambda。 本质上,我想将键和值与 '=' 连接起来之间。这看起来微不足道,但我找不到如何去做。 例如 Map map = new HashMap<>();
我正在经历 K & R,并且在递增指针时遇到困难。练习 5.3(第 107 页)要求您使用指针编写一个 strcat 函数。 在伪代码中,该函数执行以下操作: 将 2 个字符串作为输入。 找到字符串
在下面的代码中,pS 和 s.pS 在最后一行是否保证相等?也就是说,在语句S s = S();中,是否可以确定不会构造一个临时的S? #include using namespace std; s
演示示例代码: public void ReverseString(char[] s) { for(int i = 0, j = s.Length-1; i < j; i++, j--){
我一直在寻找类似于 .NET examples 中的示例的 PowerShell 脚本.取一个 New-TimeSpan 并显示为 1 天 2 小时 3 分钟 4 秒。排除其零的地方,在需要的地方添加
def func(s): s = s + " is corrected" return s string_list = ["She", "He"] for s in string_li
我是 python 的新手。当我在互联网上搜索 lambda 时。我在 lambda_functions 中找到了这个声明. processFunc = collapse and (lambda s:
我最近开始学习正则表达式,并试图为上面的问题写一个正则表达式。如果限制只放在一个字母上(例如不超过 2 个“b”),这并不困难。 那么答案就是:a* c*(b|ε)a* c*(b|ε)a* c* 但是
当我运行 npm install 时出现以下错误,但我无法修复它。 我试过:npm install -g windows-build-tools 也没有修复这个错误 ERR! configure
有很多有趣的haskell网上可以找到片段。 This post可以在 this (awesome) Stack Overflow question 下找到. The author写道: discou
我知道以下三行代码旨在将字符串提取到$ value中并将其存储在$ header中。但是我不知道$value =~ s/^\s+//;和$value =~ s/\s+$//;之间有什么区别。 $val
我是一名优秀的程序员,十分优秀!