CSS中的margin-top属性失效怎么解决
发表于:2025-12-01 作者:千家信息网编辑
千家信息网最后更新 2025年12月01日,本文小编为大家详细介绍"CSS中的margin-top属性失效怎么解决",内容详细,步骤清晰,细节处理妥当,希望这篇"CSS中的margin-top属性失效怎么解决"文章能帮助大家解决疑惑,下面跟着小
千家信息网最后更新 2025年12月01日CSS中的margin-top属性失效怎么解决
本文小编为大家详细介绍"CSS中的margin-top属性失效怎么解决",内容详细,步骤清晰,细节处理妥当,希望这篇"CSS中的margin-top属性失效怎么解决"文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
关于margin-top属性失效的解决方法
常出现两种情况:
(一)margin-top失效
先看下面代码:
float:left clear:both;margin-top:20px;
两个层box1和box2,box1具有浮动属性,box2没有,这时候设置box2的上边距margin-top没有效果。
网上能找到的两种比较靠谱的解释:
1:"在CSS2.1中,水平的margin不会被折叠;垂直margin可能在一些盒模型中被折叠…"
2:当***个层浮动,而第二个没浮动层的margin会被压缩,详见--浮动元素后非浮动元素的margin的处理。
得到解决问题思路:要浮动一起浮动,要就一起不浮动。
解决办法:
1.box2增加float属性
2.box1与box2之间增加一层"
(二)子元素设置margin-top作用于父容器
clear:both; margin-top:20px;height:50px;width:500px; background:#000;
当给box2设置margin-top时,在FF下仅作用于父容器。
解决办法:
1.给父容器box加overflow:hidden;属性
2.父容器box加border除none以外的属性
3.用父容器box的padding-top代替margin-top
读到这里,这篇"CSS中的margin-top属性失效怎么解决"文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注行业资讯频道。
属性
浮动
容器
元素
文章
作用
内容
办法
思路
处理
妥当
上边
两个
之间
代码
情况
效果
新知
方法
更多
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
宁波服务器托管
农业一张图数据库
2k21哪个服务器人多
数据库Y权限
服装公司技术部数据库
盛大云免费服务器
java手机软件开发教程
服务器上的FHFL
福建企业软件开发培训
数据库连接所用技术
平顶山软件开发平均价格
连接数据库工具
虚拟服务器管理面板下载
无线传感器网络技术考试题
思科服务器管理口ip
国家网络安全法什么时间施行
服务器防护件
为什么会缺少数据库依赖项
计算机网络安全好就业
网络安全工程师学习流程
依法规范网络安全
网络安全防护在企业是什么岗位
网络安全工作整改报告
计算机网络技术习题
制造业的软件开发岗
怎么开启数据库管理权限
魔兽世界单机版打开数据库详
管理多个公司dhcp服务器
软件开发助理做什么的
沈丘租房软件开发