Положения фиксируется плавающим элементом

У меня есть следующий код:Положения фиксируется плавающим элементом

<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 элемента плавал справа от обертки, используя фиксированное позиционирование?

источник

2013-11-16 Michael Samuel

Вы не можете плавать фиксированный элемент, это вне потока документа, так что не имеет смысла! – adeneo

Если вместо float:right; вы можете использовать right:0px;, тогда это сработает. Вы можете добавить/вычесть пиксели, чтобы получить правильное местоположение.

Это видно здесь работает: http://jsfiddle.net/ZK42k/

источник

2013-11-16 19:05:18 daneasaur

проблема заключается в том, что когда экран имеет другое разрешение, эти числа не будут работать, и элемент будет отображаться некорректно .. есть ли способ, чтобы ребенок плавал, прилипая к обертке? –

, когда отображается горизонтальная полоса прокрутки, элемент будет перемещаться по другим элементам. –

@MichaelSamuel. Как говорит аденио, оба плавающего и фиксированного не имеют никакого смысла. Можете ли вы описать, на что вы хотите, чтобы он выглядел на экране, не думая с точки зрения позиционирования или плавания? –

Положения фиксируется плавающим элементом

ответ

Смежные вопросы