修复DIV向右

什么我尝试做的，就是确保我的标志停留在右侧...

所以链接将包裹在左边。但相反，他们推动了标志。

顶部图像是理想的，底部是我得到的。 enter image description here

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

来源

2013-01-31 Mcloving

被盗的clearfix代码将img移动到链接之前。只需将它作为父div的第一个孩子滑动即可。 –

首先把你的形象：

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

来源

2013-01-31 16:04:43 Ryan

只是出于好奇，你能解释为什么它以这种方式工作的推理吗？ – iamnotmaynard

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

来源

2013-01-31 16:05:07

它会是最简单的，如果你的结构是这样：

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

注意：从What methods of ‘clearfix’ can I use?

来源

2013-01-31 16:08:27

回答

相关问题