一塔粒、padding&margin的疊加
原理:,使用足夠高的padding-bottom? 來顯示高度的落差部分,設(shè)置反向的margin-bottom 來抵消padding給其他元素帶來的影響,給左中右設(shè)置overflow:hidden隱藏溢出
頁面效果，高度隨內(nèi)容而變化
css代碼
html代碼
如果需要在單列添加一個底邊框葵陵，需要在第一列里面添加一個空標(biāo)簽分瘦，偽裝成邊框蘸泻，定位到相應(yīng)位置，以父元素為定位元素?
? ? ?
二嘲玫、嵌套式等高
使用三個嵌套的元素,通過定位偏移來產(chǎn)生3個背景區(qū)域, 在最內(nèi)層容器中放置3列,通過margin-left 負(fù)值顯示在背景顏色的區(qū)域悦施，頁面高度隨bg3中的元素高度而變化
html代碼
css代碼
三個嵌套元素疊加在一起，通過定位偏移將上面兩層向右偏移指定數(shù)值去团，bg2和bg3設(shè)置的寬度百分百抡诞，也就是父級bg1的寬度，偏移后右邊部分會發(fā)生溢出土陪，在bg1使用overflow：hidden把溢出部分隱藏昼汗，bg3中的三個元素向左偏移，使其向左排列成一行鬼雀，使用margin負(fù)值偏移到指定位置顷窒，清除bg3浮動，解決高度塌陷源哩，bg3中的元素的高度就是bg3的高度鞋吉，bg3的高度就是bg2，bg1的高度励烦，bg3中的內(nèi)容決定頁面的高度
三谓着、邊框仿背景
? ? ? ? ? 利用邊框?qū)挾茸鳛樽笥覂蓚?cè)的內(nèi)容區(qū)，? 浮動之后使用margin值偏移到相應(yīng)位置
html代碼
css代碼
