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=""/>