Как разместить Div на правой стороне с помощью html

У меня возникли проблемы с позиционированием div в правой части экрана. вот мой фрагмент кода. для HTMLКак разместить Div на правой стороне с помощью html

<div id="bannerR"> 
<a href="google.comtarget=_blank> 
<img src="google.com" border=0></a> 
</div>

и вот что у меня есть для .css

#bannerR { position: relative; right; }

пожалуйста помощь. thank you

источник

2013-12-11 user3089861

#bannerL { положение: относительная; поплавок: правый; } – Karuppiah

float: правый; в CSS должен сделать трюк

#bannerL { position: relative; float: right; }

источник

2013-12-11 06:44:49 asdf

#bannerL{ position: relative;top:0; right:0; }

источник

2013-12-11 06:44:57

#bannerL 
    { 
    position: relative; 
    float: right; 
    }

добавить поплавок: право;

источник

2013-12-11 06:46:23 Karuppiah

Html:

<div id="bannerL"> 
<center> 
<a href="http:google.com"> 
<img src="google.com" 

width="468" height="60"> 
</a></center> 
</div>

CSS:

#bannerL{ position: relative; right:0; top:0; }

источник

2013-12-11 06:46:27 akash

проверить эту скрипку http://jsfiddle.net/dd63m/14/ для Live Demo

<style> 
#bannerL{ position: relative; 
    float:right; } 
</style> 

<div id="bannerL"> 

<a href="http:google.com"> 
<img src="google.com" 

width="468" height="60"> 
</a> 
</div>

Надеется, что это помогает

источник

2013-12-11 06:48:20

Так вот рабочий код:

HTML:

<div id="bannerL"> 
<center> 
<a href="http:google.com"> 
<img src="google.com" width="468" height="60"> 
</a></center> 
</div>

CSS:

#bannerL{ position: relative; float:right; }

Демо: http://jsfiddle.net/M2smA/1/

источник

2013-12-11 06:48:26

Там не действует CSS свойство как это: position: relative; right;.

Если вы хотите переместить элемент справа. Вы можете использовать свойство CSS float.

УС:

#bannerL { 
    position: relative; 
    float: right; 
}

Try in Fiddle

источник

2013-12-11 06:54:13

<html> 
    <head> 
     <style> 
      .container{ 
       border: 1px solid blue; 
       text-align: right; 
      } 
      .logo{ 
       border: 1px solid red; 
       background-color: gray; 
       display: inline-block; 
       padding: 15px; 
      } 
     </style> 
    </head> 
    <body> 
     <hr> 
     <div class="container"> 
      <div class="logo"> 
       LOOOGO 
      </div> 
     </div> 
     <hr> 
    </body> 
</html>

источник

2017-07-16 10:43:28

Как разместить Div на правой стороне с помощью html

ответ

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