0

出于某种原因,我可以将我的 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>

blog div是卡在右上角的那个

4

2 回答 2

6

看来问题在于您没有将博客 div 设置为position:fixed/relative;或类似的东西 - 我认为您top:1000px没有被应用。这是jsfiddle:http: //jsfiddle.net/7Knr8/

于 2013-05-25T03:44:20.390 回答
0

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

位置:相对;

如果您定义位置:固定;它会卡在同一位置,不会随着页面滚动而移动。

于 2013-05-25T03:57:25.840 回答