当前位置: 代码迷 >> Web前端 >> 不要 float 让 div 居右
  详细解决方案

不要 float 让 div 居右

热度:1208   发布时间:2012-12-28 10:29:05.0
不用 float 让 div 居右
一个大的 div 里面有且只有一个小的 div,为了让小的 div 居右,可以使用 float,但大家都知道 float 会带来兼容方面的一些麻烦,为了使结构不那么复杂,可以使用 text-align、margin 来实现居右。

为了兼容 IE,对大的 div 指定样式:

text-align:right;
为了兼容 FF,对小的 div 指定样式:

margin:0px auto 0px auto;
同样,如果要居中:text-algin 可指定为 center,margin 的左、右边距可指定为 auto。


总结一下:
1. 定义CSS样式表
<style>
.div-right{ text-align:right;margin:0px auto 0px auto;}
</style>

2. 定义div

<div class="div-right">内容居右</div>
  相关解决方案