負邊距、三欄布局

1、負邊距在讓元素產生偏移時和position: relative有什么區(qū)別?

position:relative是脫離文檔流的。


負邊距是不脫離文檔流的。


2、使用負 margin 形成三欄布局有什么條件?

①三個div都設置浮動。

②中間的內容區(qū)必須是第一個子元素。

③兩個側邊都是設置負margin來上移。

3、圣杯布局的原理是怎樣的? 簡述實現圣杯布局的步驟

父元素里面寫三個子元素,內容區(qū)是第一個子元素,左右側欄是第二三個子元素,父元素這是左右padding來存放第二三個子元素。

中心內容器寬度是100%,側邊欄要設置好固定的寬度,然后三個子元素都寫浮動。

左邊寫負邊距-100%,右邊的寫負邊距(值為右邊自身的寬度,)

再寫position:relative來弄好左右兩邊的具體位置。


4、雙飛翼布局的原理? 實現步驟?

類似于圣杯布局,不同的是不是用padding,而是在第一個子元素里面再加一個div形成中心內容區(qū)的顯示,pink

i-believe-i-can-f-l-y!
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容