float:right原来是从右到左排列的

来源：互联网发布：比利时鲁汶大学知乎编辑：程序博客网时间：2024/06/05 14:14

原来是从右到左排列的，先上html代码

  <div class="icon">        <div class="icon_l" id="user_icon"><a href="javascript:history.back();"><i class="icon1"></i></a></div>        <div class="icon_c"><a href="javascript:location.reload();">@ViewBag.Title </a></div>        <div class="icon_r2"><a href="javascript:toggleDaohang();">@*@Html.Partial("ViewSearchwithnav")*@<i class="icon4"></i></a></div>       <span style="color:#ff0000;">        <div class="icon_r1"><a href="http://m.1234567.com.cn/3g/fund/search.shtml" target="_blank" class="search"></a></div>          <div class="icon_r3"><a href="http://js1.eastmoney.com/tg.aspx?ID=3911"><i class="icon3"></i></a></div></span>    </div>

红色的两行一个是放大镜，一个是app下载，但是放在前面的先排列在右边。

     header .icon .icon_r1 {                float: right;                padding-right: 10px;            }            header .icon .icon_r2 {                width: 40px;                float: right;            }                  header .icon .icon_r3 {                float: right;                padding-right: 10px;            }

其实和padd-right无关，padding-right只是和右边图标的距离。

效果图如下：

0 0