CSS定位與浮動(dòng)2016/6/12

CSS 定位 (Positioning)

  1. CSS 有三種基本的定位機(jī)制:普通流、浮動(dòng)和絕對(duì)定位。

position有四個(gè)取值1.static 2.relative 3.absolute 4.fixed

  1. overflow

屬性規(guī)定當(dāng)內(nèi)容溢出元素框時(shí)發(fā)生的事情??扇≈担?.scroll 2.auto 3. visible 4.hidden

  1. z-index 屬性設(shè)置元素的堆疊順序。

擁有更高堆疊順序的元素總是會(huì)處于堆疊順序較低的元素的前面。
說(shuō)明
該屬性設(shè)置一個(gè)定位元素沿 z 軸的位置,z 軸定義為垂直延伸到顯示區(qū)的軸。如果為正數(shù),則離用戶(hù)更近,為負(fù)數(shù)則表示離用戶(hù)更遠(yuǎn)。

CSS 浮動(dòng)

浮動(dòng)的框可以向左或向右移動(dòng),直到它的外邊緣碰到包含框或另一個(gè)浮動(dòng)框的邊框?yàn)橹埂?/strong>
由于浮動(dòng)框不在文檔的普通流中,所以文檔的普通流中的塊框表現(xiàn)得就像浮動(dòng)框不存在一樣。

  1. float可取值:1.left 2.right 3.none
  2. 要想阻止行框圍繞浮動(dòng)框,需要對(duì)該框應(yīng)用 clear 屬性。clear 屬性的值可以是 left、right、both 或 none,它表示框的哪些邊不應(yīng)該挨著浮動(dòng)框。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,150評(píng)論 1 92
  • 一、浮動(dòng)元素有什么特征?對(duì)父容器、其他浮動(dòng)元素、普通元素、文字分別有什么影響? 特征:1、浮動(dòng)模型是一種可視化格式...
    青鳴閱讀 1,326評(píng)論 0 0
  • 1.浮動(dòng)元素有什么特征?對(duì)父容器、其他浮動(dòng)元素、普通元素、文字分別有什么影響? 何謂浮動(dòng)元素?有什么特征?所謂浮動(dòng)...
    草鞋弟閱讀 928評(píng)論 0 1
  • 浮動(dòng) CSS允許浮動(dòng)任何元素。 浮動(dòng)元素 首先,會(huì)以某種方式將浮動(dòng)元素從文檔的正常流中刪除,不過(guò)它還是會(huì)影響布局。...
    exialym閱讀 1,311評(píng)論 0 6
  • 今天發(fā)現(xiàn)一個(gè)界面listview只顯示一條數(shù)據(jù),但是adapter的數(shù)據(jù)源是有多條數(shù)據(jù),雖然后來(lái)發(fā)現(xiàn)是業(yè)務(wù)邏輯的關(guān)...
    愛(ài)言語(yǔ)論閱讀 1,613評(píng)論 7 0

友情鏈接更多精彩內(nèi)容