介绍css基础必备的两个使用样式

本文介绍了网页布局中常见的溢出内容隐藏与清除浮动问题的解决方法,通过使用overflow:hidden和clear样式属性,有效防止文字内容过多导致的页面错位问题。

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

1、溢出内容隐藏

       平时我们布局时候,有的文字内容多了会超过溢出我们限制的高度,有的图片会撑破DIV,让网页错位变乱,添加如下属性,能有效防止以上情况:

       overflow:hidden

       无论超出多少内容都会隐藏。

2、清除产生浮动

       我们知道有时使用了css float浮动会产生浮动,这个时候就需要清除浮动,用clear样式属性即可实现。

       clear:none|both|left|right|

       none:允许两边都可以有浮动对象。

       both:不允许有浮动对象。

       left:不允许左边有浮动对象。

       right : 不允许右边有浮动对象。

       使用clear可以清除float产生的浮动,但是要注意clear样式对象加入的位置。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值