CSS的BUG顺口溜:十条CSS布局口诀

本文通过顺口溜形式总结了CSS布局中常见的十个问题及其解决方案,包括边框问题、浮动布局、文本慢移、兼容性问题、独立清除浮动等,帮助开发者轻松解决CSS布局中的常见BUG。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

CSS BUG编成了顺口溜了!看看好不好记住呢?


  一、IE边框若显若无,须注意,定是高度设置已忘记;
  二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
  三、三像素文本慢移不必慌,高度设置帮你忙;
  四、兼容各个浏览须注意,默认设置行高可能是杀手;
  五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;
  六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。
  七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。
  八、图片链接排版须小心,图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。
  九、IE浮动双边距,请用display:inline拘。
  十、列表横向排版,列表代码须紧靠,空隙自消须铭记。

在进行CSS网页布局时遇到BUG,请认真阅读上面的十条CSS布局口诀,非常容易记忆的。

更多精彩内容请阅读: zoomla!逐浪CMS
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值