码迷,mamicode.com
首页 > Web开发 > 详细

css : 使用浮动实现左右各放一个元素时很容易犯的错误

时间:2019-02-26 19:30:17      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:bsp   问题   pre   添加   浮动   nbsp   flex   错误   使用   

比如说,有一个div,我想在左侧和右侧各方一个元素。

如果不想用flex,那就只能用浮动了。

...
<div class="up clearfix">
       <h6>用户添加</h6>
       <div class="float right">
              <Button >新增</Button>
       </div>       
</div>
...

咋一看并没有问题,对不对?

但是这样不行:想挂在右侧的那个元素会被挤下去。

只要把浮动元素放在非浮动元素前面就行了。

...
                <div class="up clearfix">                    
                    <div class="float right">
                        <Button >新增</Button>
                    </div>
                    <h6>用户添加</h6>
                </div>
...

就是这样。

 

css : 使用浮动实现左右各放一个元素时很容易犯的错误

标签:bsp   问题   pre   添加   浮动   nbsp   flex   错误   使用   

原文地址:https://www.cnblogs.com/foxcharon/p/10439177.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!