成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

CSS 中的定位

beanlam / 2688人閱讀

摘要：塊級元素生成一個矩形框，作為文檔流的一部分，行內(nèi)元素則會創(chuàng)建一個或多個行框，置于其父元素中。元素框從文檔流完全刪除，并相對于其包含塊定位。中的文檔流標準文檔流文檔流指的是元素排版布局過程中，元素會默認自動從左往右，從上往下的流式排列方式。

1 CSS 中的定位 1.1 了解定位（positioning） 定位的基本思想：

它允許你定義元素框相對于其正常位置應(yīng)該出現(xiàn)的位置，或者相對于父元素、另一個元素甚至瀏覽器窗口本身的位置。

浮動提出的時間

CSS1 中首次提出了浮動，它以 Netscape 在 Web 發(fā)展初期增加的一個功能為基礎(chǔ)

CSS 定位機制（3種）

關(guān)于CSS的定位機制，相比會有小伙伴不太清楚，平常也沒有留意過，那么CSS有三種基本的定位機制

普通流

浮動

絕對定位

CSS position 屬性之屬性值的含義

屬性值 含義 描述
Static 元素框正常生成。塊級元素生成一個矩形框，作為文檔流的一部分，行內(nèi)元素則會創(chuàng)建一個或多個行框，置于其父元素中。 默認值。沒有定位，元素出現(xiàn)在正常的流中
Relative 元素框偏移某個距離。元素仍保持其未定位前的形狀，它原本所占的空間仍保留。 生成相對定位的元素，相對于其正常位置進行定位。
Absolute 元素框從文檔流完全刪除，并相對于其包含塊定位。 生成絕對定位的元素，相對于 static 定位以外的第一個父元素進行定位。
fixed 元素框的表現(xiàn)類似于將 position 設(shè)置為 absolute，不過其包含塊是視窗本身 生成絕對定位的元素，相對于瀏覽器窗口進行定位。
inherit 規(guī)定應(yīng)該從父元素繼承 position 屬性的值。
1.2 CSS中的文檔流 標準文檔流

文檔流指的是元素排版布局過程中，元素會默認自動從左往右，從上往下的流式排列方式。并最終窗體自上而下分成一行行，并在每行中從左至右的順序排放元素。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/105145.html

相關(guān)文章

  • 細說css中的position屬性

    摘要：塊級元素生成一個矩形框，作為文檔流的一部分，行內(nèi)元素則會創(chuàng)建一個或多個行框，置于其父元素中。相對定位，相對于自己的初始位置，不脫離文檔流。 有過css開發(fā)經(jīng)驗的同學(xué)，對于position這個屬性一定不會陌生，然而這個熟悉的屬性確是面試題中的?？?，也就說明了該屬性在css的世界是有一定的江湖地位的，那么我們就來詳細的說說position這個屬性。 在w3school中是這樣解釋posi...

    ssshooter 評論0 收藏0

  • CSS > CSS3 中的層疊上下文初探

    摘要：但該盒不建立新的層疊上下文，除非是根元素。以上是基于的層疊上下文介紹。同級情況下，按照二者在源代碼中的順序，居后的又重新占領(lǐng)高地了。現(xiàn)在我們看以下源代碼這個時候，以視口為包含塊進行定位和大小計算，將會鋪滿整個屏幕。 前言：關(guān)于層疊上下文，筆者還沒有去閱讀更詳細的 W3C 規(guī)范來了解更本質(zhì)的原理（表打我，等我校招拿到 offer 了我就讀好伐 T_T）。一直聽說 CSS3 里的層疊上下文...

    pcChao 評論0 收藏0

  • CSS學(xué)習(xí)摘要-定位

    摘要：學(xué)習(xí)摘要定位學(xué)習(xí)摘要定位注全文摘自定位定位允許您從正常的文檔流布局中取出元素，并使它們具有不同的行為，例如放在另一個元素的上面，或者始終保持在瀏覽器視窗內(nèi)的同一位置。使用上述四個屬性來精確指定要將定位元素移動到的位置。CSS學(xué)習(xí)摘要-定位 注：全文摘自MDN-CSS定位 定位允許您從正常的文檔流布局中取出元素，并使它們具有不同的行為，例如放在另一個元素的上面，或者始終保持在瀏覽器視窗內(nèi)的同一...

    beanlam 評論0 收藏0

  • HTML與CSS中的定位個人分享

    摘要：定位默認值幾乎不用了解就可以絕對定位不為元素預(yù)留空間脫離文檔流如果當前元素的父級元素是元素的話是相對于當前頁面的定位如果當前元素的父級不是元素的話父級元素沒有開啟定位則是相對于頁面的定位如果當前元素的父級不是元素的話父級元素開啟定位 定位 static - 默認值 (幾乎不用,了解就可以) absolute - 絕對定位,不為元素預(yù)留空間,脫離文檔流: 如果當前元素的父級元素是元素...

    SillyMonkey 評論0 收藏0

  • HTML與CSS中的定位個人分享

    摘要：定位默認值幾乎不用了解就可以絕對定位不為元素預(yù)留空間脫離文檔流如果當前元素的父級元素是元素的話是相對于當前頁面的定位如果當前元素的父級不是元素的話父級元素沒有開啟定位則是相對于頁面的定位如果當前元素的父級不是元素的話父級元素開啟定位 定位 static - 默認值 (幾乎不用,了解就可以) absolute - 絕對定位,不為元素預(yù)留空間,脫離文檔流: 如果當前元素的父級元素是元素...

    sihai 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<