我创建了一个自定义页面模板,这里是链接http://goo.gl/UFgzGQ,但我注意到标题的样式只在该页面上搞砸了。
如何解决这个问题?
这里是css
.header-wrap .search-icon {
float: right;
position: relative;
margin-top: -32px;
line-height: 6;
margin-right: -30px;
border-left: 1px solid #ECECEC;
cursor: pointer;
padding: 0 20px;
}
.header-wrap .ak-search {
background: none repeat scroll 0 0 #FFF;
display: none;
padding: 10px;
position: absolute;
right: 0;
top: 100%;
z-index: 9999;
box-shadow: 1px 2px 3px rgba(0,0,0,0.2);
}
答案 0 :(得分:0)
修改强>
实际上不是 CSS 导致错误或错误放置搜索图标,它的 DOM 即主要罪魁祸首:< / p>
你的缅因页面屏幕:
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
....
你可以看到它已经完美定义了doctype
的标题,而在你的内页:
<head>
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js" async defer></script>
</head>
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
.........
有一些破碎的代码即主要罪魁祸首并导致问题。