CSS浮动和清除
CSS浮动和清除
人间四月 发表于2年前
CSS浮动和清除
  • 发表于 2年前
  • 阅读 316
  • 收藏 0
  • 点赞 0
  • 评论 0

【腾讯云】如何购买服务器最划算?>>>   

摘要: CSS浮动和清除

CSS浮动和清除

  • float:让元素浮动,取值:left(左浮动),right(右浮动)

  • clear:清除浮动,取值:left(清除左浮动),right(清除右浮动),both(同时清除)


  • CSS浮动
    1. 浮动的元素,讲向左或者向右浮动,浮动到包围元素的边上,或者上一个浮动元素的边上为止。

    2. 浮动的元素,不再占用空间,且浮动元素的层级要高于普通元素。

    3. 浮动的元素,一定是块元素,不管之前是什么元素

    4. 如果浮动的元素没有指定宽度的话,浮动后会尽可能变窄,因此浮动元素要指定宽和高

    5. 一行的多个元素,要浮动大家一起浮动

    浮动的元素,可以实现多个块元素并列显示

<style text/css>
    ……
    float:rhght;
    ……
</style>
  • CSS清除浮动
    1. CSS清除浮动的功能有2个,

      1. 可以包围元素从视觉上包住浮动

      2. 清除元素之下的元素,将恢复默认排版

      3. 有浮动就有清除

      4. 如果包围元素指定了高度,那么可以不适用清除






标签: CSS浮动和清除
共有 人打赏支持
粉丝 2
博文 70
码字总数 30455
×
人间四月
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: