分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

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

发布时间:2023-09-06 02:33责任编辑:白小东关键词:暂无标签

比如说,有一个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 : ?使用浮动实现左右各放一个元素时很容易犯的错误

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved