不用 float 让 div 居右

66 阅读 0 评论 44 点赞

我是靠谱客的博主酷炫未来，这篇文章主要介绍不用 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>