亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

一 文檔流的概念指什么？

　　文檔流，是指元素排版布局過程中，元素會自動從左到右，從上往下的流式排列。并最終窗體自上而下分成一行行，并在每行中按從左到右的順序排放元素。脫離文檔流即是元素打亂了這個排列，或是從排版中拿走。

　　標(biāo)準(zhǔn)流的特點：1.塊級元素從上到下，獨占一行

　　　　　　　　　2.行內(nèi)元素，行內(nèi)塊級元素從左到右在一行中顯示。

　　　　　　　　　3.占位置。

　　使元素脫離文檔流的方法有：浮動和定位。

二 css定位 position

  CSS定位方式有四種：
  默認定位（static）
  相對定位（relative）
  絕對定位（absolute）
  固定定位（fixed）

• static: 默認值。沒有定位，元素在正常的文檔流中，top，right，bottom，left和z-index屬性無效。

• relative: 生成相對定位的元素，通過top，bottom，left，right的位置相對于其正常位置進行定位。其中的相對指的是相對于元素在默認流中的位置。

• absolute: 生成絕對定位的元素，相對于static定位的第一個父元素進行定位。

注意:
1.絕對定位的元素已經(jīng)脫離文檔流，普通流中其他元素的布局就像絕對元素不存在一樣；

2.絕對定位的元素的位置是相對于最近的已定位的祖先元素，如果元素沒有已定位的祖先元素，它的位置就相對于body；

3.絕對定位的框可以覆蓋頁面的其他元素。

• fixed:本質(zhì)上是一種絕對定位，不為元素預(yù)留空間。通過制定相對于屏幕視窗的位置來制定元素的空間，且元素的位置在屏幕滾動時不會發(fā)生變化。應(yīng)用于很多網(wǎng)站頂端的固定導(dǎo)航、下方的廣告，或者右邊的回到頂部div。

三、absolute、relative、fixed偏移的參考點分別是什么？

• relative偏移的參考點是：相對于元素在普通流中的原來位置；

• absolute偏移的參考點是：相對于最近的已定位的父元素，如果沒有，則相對于body元素；

• fixed偏移的參考點是：相對于瀏覽器窗口。

四、浮動元素有什么特征父級高度塌陷解決

浮動元素的特征有：

1、浮動只限于水平方向
2、浮動元素脫離了文檔流，后面的元素會上移填充它原來的空間
3、浮動元素不會影響到它前面的元素的布局，只會影響到后面的元素
4、任何元素（包括行內(nèi)元素）浮動后，都具備了塊級元素的特征

父級高度塌陷的解決方法：

1、添加一個div
<div class="clear"></div>
在<style></style>標(biāo)簽里添加

.clear {
    clear:both;
}both

2、添加偽元素

.box:after{
    content:'';
    display:block;
    clear:both;
}

獨立元素BFC

右邊的元素不受左邊元素的影響
我們希望左右兩邊是完全獨立的元素。
用BFC
BFC就是創(chuàng)建獨立的元素單元

.box .desc{
    overflow: hidden;
}

3、用BFC解決父級高度塌陷問題
在父元素上使用overflow：hidden；轉(zhuǎn)為BFC

.box{
    overflow:hidden;
}

浮動的本質(zhì)是為了解決圖文并排顯示的問題
浮動要解決的兩個問題：
1、浮動元素的高度對于他的包含塊不可見
2、浮動元素可以BFC塊使他不影響到后面的元素布局

批改老師：天蓬老師

批改狀態(tài)：合格

老師批語：markdown語法用得不對，只要10分鐘就能掌握，能看一下語法嗎？