Question

您好StackOverflow用户，

我正在为自己创建一个新的个人网站，并且发现Opera 12.02（我在Mac上）非常棘手。出于某种原因，几乎所有东西的定位都是完全关闭的，除了它所有包装的容器外。所以我猜这是填充/边距/线高问题。这是网站：http://www.tommaxwell.me。有人可以帮我吗？

CSS：

    body {
padding: 0 auto;
margin: 0 auto;


}

@-moz-document url-prefix() {
* { font-weight: 100; }
h1, h2 
}



#sitecontent {
display: block;
width: 780px;
padding-top: 150px;
margin: 0 auto;
}


#sitecontent .leftsidebar {
float: left;
width: 150px;
}

#profilepic {
-moz-border-radius: 20px;
border-radius: 20px;
}
#sitecontent .leftsidebar ul {
position: relative;
top: -5px;
list-style-type: none;
font-family: 'Cantora One', sans-serif;

 }


#sitecontent a {
text-decoration: none;
color: #3f83ca;
}




#sitecontent .leftsidebar ul li{
margin-bottom: 2px;
}

#sitecontent a:hover {
opacity: 0.9;

}

#sitecontent .rightsidebar {
float: right;
width: 600px;

}

#sitecontent .rightsidebar > h1 {
font-size:60px;
color: #3f83ca;
line-height: 0;
font-family: 'Cantora One', sans-serif;

}

#sitecontent .rightsidebar > h2 {
line-height: 10px;
color: #38414f;
font-family: 'Cantora One', sans-serif;
}

#sitecontent .rightsidebar > p {
padding-top: 16px;
line-height: 20px;
font-family: 'Cantora One', sans-serif;



}

#secondparagraph {
opacity: 0.5;


}

#secondparagraph:hover {
color:#3f83ca;
opacity: 1.0;

}

#secondparagraph a {
text-decoration: none;
color: inherit;
}

Answer 1

在css

中的overflow:hidden添加到#sitecontent

就像这样

#sitecontent{
overflow:hidden;
}

Answer 2

这很有用。

x:-o-prefocus, h1 {
padding-top: 22px;
}

x:-o-prefocus, h2 {
margin-top: -24px;
}

Opera 12.02中的CSS填充/边距问题？

2 个答案: