用浮动元素固定的位置

时间:2013-11-16 18:52:26

标签: jquery html css xhtml

我有以下代码:

<html>
<head>
 <style>
 #wrapper {
   width:100%;
   height:1000px;
   border:1px solid #000000;
 }
 #right {
   position:fixed;
   top: 10px;
   float:right;
   width:200px;
   height:100px;
   border:1px solid #000000;
 }
 </style>
</head>

<body>

<div id="wrapper">
     <div id="right"></div>
</div>

</body>    
</html>

如何在使用固定定位时保持right元素浮动到包装器的右侧?

1 个答案:

答案 0 :(得分:0)

如果不使用float:right;,您可以使用right:0px;,那么这将有效。 您可以添加/减去像素以获得正确的位置。

这可以在这里工作:http://jsfiddle.net/ZK42k/