css布局模型

網(wǎng)頁(yè)中,元素布局分為三種類型

1.流動(dòng)模型(flow)-----網(wǎng)頁(yè)默認(rèn)的模型、

? ? ★ ?有兩大特點(diǎn):a.塊元素(包含元素在內(nèi))會(huì)獨(dú)占一行,自上而下順序垂直延伸分布,默認(rèn)情況下塊元素的寬度為100%

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? b.內(nèi)聯(lián)元素都會(huì)在所屬的塊元素內(nèi)從左到右水平分布

2.浮動(dòng)模型(float)

? ? ★ 絕對(duì)定位(position:absolute)

? ? ★ 相對(duì)低位(position:relative)

? ? ★ 固定定位(position:fixed)

? ? ? ? absolute和relative結(jié)合:父元素是relative,子元素通過(guò)absolute根據(jù)父元素進(jìn)行定位

最后編輯于
?著作權(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,154評(píng)論 1 92
  • 清楚了CSS 盒模型的基本概念、 盒模型類型, 我們就可以深入探討網(wǎng)頁(yè)布局的基本模型了。布局模型與盒模型一樣都是 ...
    阿r阿r閱讀 357評(píng)論 0 0
  • 【邊伯賢】如果是地獄的話…我替你下吧 【金鐘仁】偷走了我的心臟就想一走了之? 【樸燦烈】你的本事,可真不小啊…… ...
    灰貓兒閱讀 454評(píng)論 0 0
  • 武昌起義的成功,無(wú)論從哪個(gè)方面講,都有些偶然性。 首先起義的爆發(fā),就有些巧合的感覺(jué)。如果不是革命黨機(jī)關(guān)暴露,黨人領(lǐng)...
    梁宵閱讀 1,073評(píng)論 0 1

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