欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

clear 萬能清除浮動(clearfix:after)

  發(fā)布時間：2023-05-12 08:22:47   作者：佚名   我要評論
有時候我們需要清楚浮動的一些操作，這里介紹的是clearfix:after的實(shí)例代碼，需要的朋友可以參考下

一般情況下：

html body div.clear,
html body span.clear
{
     background: none;
     border: 0;
     clear: both;
     display: block;
     float: none;
     font-size: 0;
     margin: 0;
     padding: 0;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
}

使用方法：通過在頁面中添加<div class=”clear”></div> 或 <span class=”clear”> </span>來清除頁面中的浮動。

clear的定義當(dāng)前比較熱門的定義

.clear{clear: both;overflow: hidden;line-height: 0;height: 0;zoom:1}

還有一種是

.clearfix:before,	
.clearfix:after {content: ".";display: block;height: 0;overflow: hidden;visibility: hidden;}
.clearfix:after{clear: both}

這個是優(yōu)化版的清除浮動的樣式，頁面中不需要加任何東西，很值得推薦。

 

相關(guān)文章

  • css之clearfix的用法深入理解(必看篇)

    下面小編就為大家?guī)硪黄猚ss之clearfix的用法深入理解(必看篇)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦
    2023-05-12

  • 淺談css清除浮動(clearfix和clear)的用法

    下面小編就為大家?guī)硪黄獪\談css清除浮動(clearfix 和clear)的用法，小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考，一起跟隨小編過來看看吧
    2023-05-12

  • CSS中使用clearfix清除浮動的方法

    這篇文章主要介紹了CSS中使用clearfix清除浮動的方法,作者列出了幾個clearfix的不同的使用方法進(jìn)行對比,需要的朋友可以參考下
    2015-07-09

  • 用clearfix:after消除css浮動解決外部div不能撐開問題

    如果有一個DIV作為外部容器，內(nèi)部的DIV如果設(shè)置了float樣式，則外部的容器DIV因?yàn)閮?nèi)部沒有clear，導(dǎo)致不能被撐開。使用clearfix:after，可以解決這個問題
    2014-06-16

  • css中clearfix清除浮動的用法及其原理示例介紹

    大家對css中clearfix并不陌生吧，它的作用就是清除浮動，下面對clearfix的定義及實(shí)現(xiàn)原理簡要的為大家做個介紹，另外還有個不錯的示例，喜歡的朋友不要錯過
    2013-11-05

  • css清除浮動clearfix:after的用法詳解（附完整代碼）

    如果外部有一個div容器，其內(nèi)部div容器設(shè)置了float樣式，則外部的容器div因?yàn)閮?nèi)部沒有clear，導(dǎo)致不能撐開
    2023-05-12

  • clearfix:after清除浮動的用法及測試代碼

    本文主要講解下css中的清除浮動的使用，在網(wǎng)頁布局中此屬性的作用不可小視，它的存在對你的布局好壞有所影響，感興趣的朋友可以參考下哈
    2013-04-26

  • overflow:hidden line-height clearfix:after使用方法介紹

    overflow:hidden的作用是隱藏溢出,line-height指的是在DIV中的元素上下居中接下來詳細(xì)介紹它們的用法，感興趣的朋友可以了解下哦
    2013-01-08

  • 什么是clearfix (一文搞清楚css清除浮動clearfix)

    clearfix 是一種 CSS 技巧，可以在不添加新的 html 標(biāo)簽的前提下，解決讓父元素包含浮動的子元素的問題。這個技巧的版本是很多的，最流行的一個是 Micro Clearfix Hack
    2023-05-12

最新評論