html - 将 div 固定到右侧

Question

http://tinkerbin.com/OREvWmf6

我想要做的是确保我的标志保持在右侧......

所以链接会在左边换行。但相反，他们将徽标向下推。

需要顶部图像，底部是我得到的。

<div style="width: 100%; height: 75px; background:#B9C7D4" >
        Link 1
    Link2
    Link 3
          Link 1
    Link2
    Link 3
          Link 1
    Link2
    Link 3
          Link 1
    Link2
    Link 3
     <img height=75px style="float:right;" src="http://dogmatic69.com/files/portfolio/image/4f288818-c5a8-4872-a003-06376318cd71/stackoverflow-logo.png" alt=""/>

</div>

Answer 1

把你的形象放在第一位：

<div style="width: 100%; height: 75px; background:#B9C7D4" >
     <img height=75px style="float:right;" src="http://dogmatic69.com/files/portfolio/image/4f288818-c5a8-4872-a003-06376318cd71/stackoverflow-logo.png" alt=""/>

        Link 1
    Link2
    Link 3
          Link 1
    Link2
    Link 3
          Link 1
    Link2
    Link 3
          Link 1
    Link2
    Link 3

</div>

Answer 2

如果您以这种方式构造它，那将是最简单的：

<div class="wrapper clearfix">
    <div class="links"><!-- ul with links or whatever --></div>
    <div class="logo"><img /></div>
</div>

搭配风格：

<style type="text/css">
.links { width: 250px; float: left;}
.logo  { width: 75px; float: right; }
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
 }
 .clearfix:after {
    clear:both;
 }
 /* For IE 6/7 (trigger hasLayout) */
 .clearfix {
    zoom:1;
 }
 </style>

注意： clearfix 代码从我可以使用哪些“clearfix”方法窃取？

Answer 3

<img height=75px style="float:right;position:absolute;top:0px;right:0px;" src="http://dogmatic69.com/files/portfolio/image/4f288818-c5a8-4872-a003-06376318cd71/stackoverflow-logo.png" alt=""/>