CSS基礎(chǔ)之清除浮動(dòng)族扰,Margin塌陷現(xiàn)象詳解

1.浮動(dòng)的清除

1.1.浮動(dòng)現(xiàn)象

現(xiàn)在兩個(gè)div,div身上沒有任何屬性。每個(gè)div中都有l(wèi)i渔呵,這些li都是浮動(dòng)的,我們本以為這些li怒竿,會(huì)分為兩排,但是扩氢,第二組中的第1個(gè)li耕驰,去貼靠第一組中的最后一個(gè)li了,而實(shí)際結(jié)果:第二個(gè)div中的li,去貼第一個(gè)div中最后一個(gè)li的邊了录豺。原因就是因?yàn)閐iv沒有高度朦肘,不能給自己浮動(dòng)的孩子們,一個(gè)容器双饥。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <style type="text/css">
        li{
            float: left;
            width: 90px;
            height: 40px;
            background-color: gold;
            /*文本居中*/
            text-align: center;
        }
    </style>
</head>
<body>
    <div>
        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>JS</li>
            <li>HTML5</li>
            <li>設(shè)計(jì)模式</li>
        </ul>
    </div>

    <div>
        <ul>
            <li>學(xué)習(xí)方法</li>
            <li>英語水平</li>
            <li>面試技巧</li>
        </ul>
    </div>
</body>
</html>
image.png

1.2. 清除浮動(dòng)方法1(高度固定媒抠,很少使用)

給浮動(dòng)的元素的祖先元素加高度,如果一個(gè)元素要浮動(dòng),那么它的祖先元素一定要有高度兢哭。高度的盒子领舰,才能關(guān)住浮動(dòng),只要浮動(dòng)在一個(gè)有高度的盒子中夫嗓,那么這個(gè)浮動(dòng)就不會(huì)影響后面的浮動(dòng)元素迟螺。所以就是清除浮動(dòng)帶來的影響了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <style type="text/css">
        *{
            margin: 0;
            padding:0;
        }
        div{
            height: 40px;
            border: 1px solid #000;
        }
        li{
            float: left;
            width: 90px;
            height: 40px;
            margin-right: 10px;
            background-color: gold;
            /*文本居中*/
            text-align: center;
        }
    </style>
</head>
<body>
    <div>
        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>JS</li>
            <li>HTML5</li>
            <li>設(shè)計(jì)模式</li>
        </ul>
    </div>

    <div>
        <ul>
            <li>學(xué)習(xí)方法</li>
            <li>英語水平</li>
            <li>面試技巧</li>
        </ul>
    </div>
</body>
</html>
圖片.png

1.2. 清除浮動(dòng)方法2(margin失效了)

clear:both;clear就是清除,both指的是左浮動(dòng)舍咖、右浮動(dòng)都要清除矩父。意思就是:清除別人對(duì)我的影響。這種方法有一個(gè)非常大的排霉、致命的問題窍株,margin失效了。如果用用方法一攻柠,高度height就會(huì)固定球订,因?yàn)槟鼙粌?nèi)容撐高,這也是為什么方法一用的少的原因
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <style type="text/css">
        *{
            margin: 0;
            padding:0;
        }
        li{
            float: left;
            width: 120px;
            height: 40px;
            text-align: center;
            background-color: orange;
        }
        .box2{
            clear: both;
            margin-top: 100px;//margin是失效的
        }
    </style>
</head>
<body>
    <div class="box1">
        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>JS</li>
            <li>HTML5</li>
            <li>設(shè)計(jì)模式</li>
        </ul>
    </div>

    <div class="box2">
        <ul>
            <li>學(xué)習(xí)方法</li>
            <li>英語水平</li>
            <li>面試技巧</li>
        </ul>
    </div>
</body>
</html>

1.3. 清除浮動(dòng)方法:隔墻法

1.3.1 外墻法:在兩部分浮動(dòng)元素中間瑰钮,建一個(gè)墻冒滩。隔開兩部分浮動(dòng),讓后面的浮動(dòng)元素浪谴,不去追前面的浮動(dòng)元素开睡。墻用自己的身體當(dāng)做了間隙
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <style type="text/css">
        *{
            margin: 0;
            padding:0;
        }
        .box1{
            background-color: gold;
        }
        li{
            float: left;
            width: 120px;
            height: 40px;
            background-color: orange;
        }
        .cl{
            clear: both;
        }
        .h8{
            height: 2px;
            _font-size:0;
        }

    </style>
</head>
<body>
    <div class="box1">
        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>JS</li>
            <li>HTML5</li>
            <li>設(shè)計(jì)模式</li>
        </ul>
    </div>
    
    <div class="cl h8"></div>

    <div class="box2">
        <ul>
            <li>學(xué)習(xí)方法</li>
            <li>英語水平</li>
            <li>面試技巧</li>
        </ul>
    </div>
</body>
</html>
圖片.png
1.3.2.內(nèi)墻法,外墻法雖然好用黄鳍,但是第一個(gè)div芥挣,還是沒有高度。如果我們現(xiàn)在想讓第一個(gè)div葫松,自動(dòng)的根據(jù)自己的兒子凶杖,撐出高度胁艰,那么可以使用內(nèi)墻法(內(nèi)墻法的本質(zhì):給沒有高的父親撐出高度)(推薦使用)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <style type="text/css">
        *{
            margin: 0;
            padding:0;
        }
        .box1{
            background-color: gold;
        }
        li{
            float: left;
            width: 120px;
            height: 40px;
            background-color: orange;
            text-align: center;
        }
        .cl{
            clear: both;
        }
        .h16{
            height: 16px;
        }
    </style>
</head>
<body>
    <div class="box1">
        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>JS</li>
            <li>HTML5</li>
            <li>設(shè)計(jì)模式</li>
        </ul>

        <div class="cl h16"></div>
    </div>

    <div class="box2">
        <ul>
            <li>學(xué)習(xí)方法</li>
            <li>英語水平</li>
            <li>面試技巧</li>
        </ul>
    </div>
</body>
</html>
圖片.png
內(nèi)墻法的用途
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }
        .content{
            width: 900px;
            margin: 0 auto;
            background-color: yellow;
        }
        .content .ad{
            float: left;
            width: 100px;
            height: 300px;
            background-color: blue;
        }
        .content .news{
            float: left;
            width: 600px;

        }
        .cl{
            clear: both;
        }
    </style>
</head>
<body>
    <div class="content">
        <div class="ad"></div>
        <div class="news">
             
             容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容
            容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi).............
        </div>

        <div class="cl"></div>
    </div>
</body>
</html>
a:沒有使用內(nèi)墻的時(shí)候,父容器高度撐不起來,不顯示黃色背景
圖片.png
b:使用內(nèi)墻腾么,父容器高度撐起來醋虏,顯示黃色背景
圖片.png

1.4.overflow:hidden;(推薦使用)

這個(gè)屬性的本意,就是將所有溢出盒子的內(nèi)容哮翘,隱藏掉颈嚼。但是,我們發(fā)現(xiàn)這個(gè)東西能夠用于浮動(dòng)的清除饭寺。我們知道阻课,一個(gè)父親,不能被自己浮動(dòng)的兒子撐出高度艰匙,但是限煞,如果這個(gè)父親加上了overflow:hidden;那么這個(gè)父親就能夠被浮動(dòng)的兒子撐出高度了员凝。這個(gè)現(xiàn)象署驻,不能解釋,就是瀏覽器的小偏方。并且,overflow:hidden;能夠讓margin生效。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }
        div{
            width: 400px;
            overflow: hidden;
            border: 10px solid black;
        }
        .p1{
            float: left;
            width: 100px;
            height: 150px;
            background-color: red;
        }
        .p2{
            float: left;
            width: 100px;
            height: 380px;
            background-color: yellow;
        }
        .p3{
            float: left;
            width: 100px;
            height: 120px;
            background-color: blue;
        }
    </style>
</head>
<body>
    <div>
        <p class="p1"></p>
        <p class="p2"></p>
        <p class="p3"></p>
    </div>
</body>
</html>
a:不加overflow: hidden;父容器沒有被撐出高度
圖片.png
b:不加overflow: hidden;父容器被撐出高度
圖片.png

使用overflow清除浮動(dòng)的案例

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <style type="text/css">
        *{
            margin: 0;
            padding:0;
        }
        li{
            float: left;
            width: 120px;
            height: 40px;
            background-color: orange;
            text-align: center;
        }
        .box1{
            overflow: hidden;
            _zoom:1;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <div class="box1">
        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>JS</li>
            <li>HTML5</li>
            <li>設(shè)計(jì)模式</li>
        </ul>
    </div>

    <div class="box2">
        <ul>
            <li>學(xué)習(xí)方法</li>
            <li>英語水平</li>
            <li>面試技巧</li>
        </ul>
    </div>
</body>
</html>
a:加 overflow: hidden;
圖片.png
b:不加 overflow: hidden;
圖片.png

2.margin的塌陷現(xiàn)象

2.1.標(biāo)準(zhǔn)文檔流中跑揉,豎直方向的margin不疊加,以較大的為準(zhǔn)扮饶。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }
        div{
            width: 200px;
            border: 10px solid red;
            overflow: hidden;
        }
        .p1{
            width: 200px;
            height: 100px;
            background-color: orange;
            margin-bottom: 30px;
            float: left;
        }
        .p2{
            width: 200px;
            height: 100px;
            background-color: orange;
            margin-top: 50px;
            float: left;
        }
    </style>
</head>
<body>
    <div>
        <p class="p1"></p>
        <p class="p2"></p>
    </div>
</body>
</html>
圖片.png

2.2.如果不在標(biāo)準(zhǔn)流岂丘,比如盒子都浮動(dòng)了,那么兩個(gè)盒子之間是沒有塌陷現(xiàn)象的:

圖片.png

2.3. 盒子居中margin:0 auto;

margin的值可以為auto寨蹋,表示自動(dòng)惊楼。當(dāng)left、right兩個(gè)方向,都是auto的時(shí)候氧秘,盒子居中了:
1 margin-left: auto;
2 margin-right: auto;
簡(jiǎn)寫為 margin:0 auto;
注意:
1) 使用margin:0 auto; 的盒子丸相,必須有width,有明確的width
2) 只有標(biāo)準(zhǔn)流的盒子,才能使用margin:0 auto; 居中谎脯。
也就是說葱跋,當(dāng)一個(gè)盒子浮動(dòng)了、絕對(duì)定位了源梭、固定定位了年局,都不能使用margin:0 auto;
3) margin:0 auto;是在居中盒子,不是居中文本咸产。
文本的居中矢否,要使用
1   text-align:center;
1   margin:0 auto;   → 讓這個(gè)div自己在大容器中居中。
2   text-align: center;  → 讓這個(gè)div內(nèi)部的文本居中脑溢。

普及一下知識(shí)僵朗,text-align還有
1   text-align:left;     沒啥用,因?yàn)槟J(rèn)居左
2   text-align:right;    文本居右
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }
        div{
            width: 400px;
            height: 100px;
            background-color: orange;
            margin:50px auto;
            text-align: center;
        }
        p{
            width: 100px;
            height: 100px;
            background-color: green;
            margin: 0 auto;
            float: left;
        }
    </style>
</head>
<body>
    <div>哈哈哈</div>
    
    <p></p>
</body>
</html>     
圖片.png

2.4. 善于使用父親的padding屑彻,而不是兒子的margin

如果父親沒有border验庙,那么兒子的margin實(shí)際上踹的是“流”,踹的是這“行”社牲。所以粪薛,父親整體也掉下來了,margin這個(gè)屬性,本質(zhì)上描述的是兄弟和兄弟之間的距離搏恤; 最好不要用這個(gè)marign表達(dá)父子之間的距離违寿。所以,我們一定要善于使用父親的padding熟空,而不是兒子的margin藤巢。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }
        div{
            width: 300px;
            height: 250px;
            padding-top: 50px;
            background-color: orange;
        }
        p{
            width: 100px;
            height: 100px;
            background-color: green;
        }
    </style>
</head>
<body>
    <div>
        <p></p>
    </div>
</body>
</html>
圖片.png
如果有邊框的話,也可以使用marginTop
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }
        div{
            width: 300px;
            height: 250px;
            /*padding-top: 50px;*/
            background-color: orange;
            border: 1px solid orange;
        }
        p{
            width: 100px;
            height: 100px;
            margin-top: 50px;
            background-color: green;
        }
    </style>
</head>
<body>
    <div>
        <p></p>
    </div>
</body>
</html>
圖片.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末息罗,一起剝皮案震驚了整個(gè)濱河市掂咒,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌迈喉,老刑警劉巖绍刮,帶你破解...
    沈念sama閱讀 211,042評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異挨摸,居然都是意外死亡孩革,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評(píng)論 2 384
  • 文/潘曉璐 我一進(jìn)店門油坝,熙熙樓的掌柜王于貴愁眉苦臉地迎上來嫉戚,“玉大人刨裆,你說我怎么就攤上這事”蛱矗” “怎么了帆啃?”我有些...
    開封第一講書人閱讀 156,674評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)窍帝。 經(jīng)常有香客問我努潘,道長(zhǎng),這世上最難降的妖魔是什么坤学? 我笑而不...
    開封第一講書人閱讀 56,340評(píng)論 1 283
  • 正文 為了忘掉前任疯坤,我火速辦了婚禮,結(jié)果婚禮上深浮,老公的妹妹穿的比我還像新娘压怠。我一直安慰自己,他們只是感情好飞苇,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,404評(píng)論 5 384
  • 文/花漫 我一把揭開白布菌瘫。 她就那樣靜靜地躺著,像睡著了一般布卡。 火紅的嫁衣襯著肌膚如雪雨让。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,749評(píng)論 1 289
  • 那天忿等,我揣著相機(jī)與錄音栖忠,去河邊找鬼。 笑死贸街,一個(gè)胖子當(dāng)著我的面吹牛庵寞,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播匾浪,決...
    沈念sama閱讀 38,902評(píng)論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼皇帮,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了蛋辈?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,662評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤将谊,失蹤者是張志新(化名)和其女友劉穎冷溶,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體尊浓,經(jīng)...
    沈念sama閱讀 44,110評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡逞频,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了栋齿。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片苗胀。...
    茶點(diǎn)故事閱讀 38,577評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡襟诸,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出基协,到底是詐尸還是另有隱情歌亲,我是刑警寧澤,帶...
    沈念sama閱讀 34,258評(píng)論 4 328
  • 正文 年R本政府宣布澜驮,位于F島的核電站陷揪,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏杂穷。R本人自食惡果不足惜悍缠,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,848評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望耐量。 院中可真熱鬧飞蚓,春花似錦、人聲如沸廊蜒。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,726評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽劲藐。三九已至八堡,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間聘芜,已是汗流浹背兄渺。 一陣腳步聲響...
    開封第一講書人閱讀 31,952評(píng)論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留汰现,地道東北人挂谍。 一個(gè)月前我還...
    沈念sama閱讀 46,271評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像瞎饲,于是被迫代替她去往敵國和親口叙。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,452評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案嗅战? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,734評(píng)論 1 92
  • 這些日子妄田,各個(gè)朋友圈隨時(shí)可以見到這句話的身影。的確人們常說:“多一點(diǎn)真誠驮捍,少一點(diǎn)套路疟呐。”东且,但是最終現(xiàn)象寫實(shí)也是那么...
    車大棒閱讀 2,160評(píng)論 1 12
  • 標(biāo)準(zhǔn)文檔流 一.標(biāo)準(zhǔn)流中的微觀現(xiàn)象: 1>空白折疊現(xiàn)象 2>高矮不齊,底邊對(duì)齊如果又有圖片且圖片參差不齊的,又有文...
    flowerflower閱讀 10,065評(píng)論 2 16
  • 我們唯有用內(nèi)部的快启具,響應(yīng)外部的變,才能抓住時(shí)代機(jī)遇珊泳。就像我們的品牌鲁冯,快時(shí)尚拷沸,就是以快速的更新速度,最新的款...
    孫倩閱讀 161評(píng)論 0 0