使用浮动元素固定位置

【问题标题】：Position fixed with floated element使用浮动元素固定位置
【发布时间】：2013-11-30 02:26:43
【问题描述】：

我有以下代码：

<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 元素浮动到包装器的右侧？

【问题讨论】：

你不能浮动一个固定的元素，它在文档流之外所以没有意义！

标签： jquery html css xhtml

【解决方案1】：

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

这可以在这里看到：http://jsfiddle.net/ZK42k/

【讨论】：

问题是当屏幕有不同的分辨率时，这些数字将不起作用，元素会显示不正确..有没有办法让孩子漂浮在包装纸上？跨度>
当水平滚动条显示时，元素会移过其他元素
@MichaelSamuel 正如 adeneo 所说，浮动和固定都没有意义。你能描述一下你希望它在屏幕上的样子，而不考虑定位或浮动吗？