Question

出于某种原因，我可以从右上角看到我的div项目。我已经厌倦了我能想到的一切，但出于某种原因，我不能让博客div从右上角移开

CSS

#nav {
position: fixed; 
min-width:690px;
white-space:nowrap;
text-align:left;
margin:0;
padding:40px 0 34px 333px;
z-index:999;
}

#nav a {    
font-family: Micra, serif;
color: #FFF;
font-style:normal;
font-weight:400;
text-decoration:none;
font-size:100%;
margin:0 25px 0 0;
}

#nav1 {
position: fixed; 
top:70px; 
min-width:690px;
white-space:nowrap;
text-align:left;
margin:0;
padding:0px 0 64px 472px;
z-index: 9999;
}

#nav1 a {
font-family: Micra, serif;
color:#FFFFFF;
font-style:normal;
font-weight:400;
text-decoration:none;
font-size:80%;
margin:0 55px 0 0;
}

#blog  {
float:right;
list-style:none;
top:1000px;
}

HTML

<div id="nav">
  <a href="#Bot">DUCATI TRACKER</a>
  <a href="#Bot">EARLE MOTORS</a>       
  <a href="#Bot">PUBLICATIONS</a>
  </div>

<div id="nav1">
  <a href="#Bot">SERVICES</a>   
  <a href="#Bot">SPECS</a>
  <a href="#Bot">PRESS</a>      
</div>
 <div id="blog">
    <a href="#">dsds</a>
    <a href="#">aaaa</a>
    <a href="#">dddd</a>  
</div>

博客div是卡在右上角的那个

Answer 1

看来问题是您没有将博客div设置为position:fixed/relative;等 - 我不认为您的top:1000px正在应用。这是jsfiddle：http://jsfiddle.net/7Knr8/

Answer 2

如果您使用float：right，它将从文档流中解脱出来并尝试在右上角占据顶部自由位置。要从顶部定义位置，您需要先声明位置。

的位置是：相对于;

如果你定义position：fixed;它会卡在同一个位置，不会随着页面滚动而移动。

元素卡在右上角，即使是顶部：1000px

2 个答案: