Question

我无法将div定位到屏幕右侧。这是我的代码片段。对于HTML

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

这就是我对.css

的看法

#bannerR { position: relative; right; }

请帮忙。谢谢

Answer 1

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

添加float：right;

Answer 2

浮动：对;在CSS中应该做的伎俩

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

Answer 3

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

Answer 4

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; }

Answer 5

看看这个小提琴现场演示http://jsfiddle.net/dd63m/14/

<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>

希望这有帮助

Answer 6

所以这是工作代码：

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/

Answer 7

没有像这样的有效CSS属性：position: relative; right;。

如果要将元素移动到右侧。您可以使用CSS float属性。

<强> CSS：

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

Try in Fiddle

Answer 8

<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>

如何使用html在右侧定位Div

8 个答案: