一个大的 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>