我只是一个网站的顶级导航。我想将div浮动到用户登录控件等的右侧。我在网上查看并尝试过,但在Chrome / Firefox中不起作用。
在所有使用Divs和CSS的浏览器中正确执行此操作的确切方法是什么?我只能在IE 9中使用。Chrome和Firefox都将loginControls Div放到下一行。
<div id="topNav">
<div id="logoBar">
<a href="index.html"><img src="images/header_logo.gif" width="132" height="50" border="0" /></a>
<div id="loginControls">User: John Doe <a href="#">Logout</a></div>
</div>
<div id="navTabs">
</div>
</div>
#logoBar {
width: 1300px;
height: 50px;
background-image: url(../images/line.gif);
background-repeat: repeat-x;
padding: 0px 22px;
position: relative;
}
#navTabs {
background-color: #333b52;
height: 30px;
}
#loginControls {
color: #FFF;
position: absolute;
right: 0;
width: 250px;
}
#loginControls a:link, #loginControls a:visited, #loginControls a:active {
color: #FFF;
text-decoration: underline;
}
只需添加
float : right;
在#loginControls
CSS中
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句