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
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼皇帮，長(zhǎng)吁一口氣：“原來是場(chǎng)噩夢(mèng)啊……” “哼！你這毒婦竟也來了蛋辈？” 一聲冷哼從身側(cè)響起，我...
    開封第一講書人閱讀 37,662評(píng)論 0贊 266
  • 萬榮殺人案實(shí)錄
    序言：老撾萬榮一對(duì)情侶失蹤将谊，失蹤者是張志新（化名）和其女友劉穎冷溶，沒想到半個(gè)月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體尊浓，經(jīng)...
    沈念sama閱讀 44,110評(píng)論 1贊 303
  • ?護(hù)林員之死
    正文 獨(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
  • ?日本核電站爆炸內(nèi)幕
    正文 年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