關(guān)于css中margin的值和垂直外邊距重疊問題
發(fā)布時(shí)間:2020-10-27 16:52:39 作者:我的前端夢(mèng)
我要評(píng)論

這篇文章主要介紹了關(guān)于css中margin的值和垂直外邊距重疊問題,本文給大家介紹的非常詳細(xì)對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
并列盒子的margin(雙margin的重疊)面試題:一個(gè)盒子有上邊距,另一個(gè)盒子有下邊距,會(huì)出現(xiàn)margin邊距的重疊問題?解決:取大值,并不是他們的相加之和,而是誰大聽誰的!
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} .box1,.box2{ width: 200px; height: 200px; } .box1{ background-color: #f90; margin-bottom: 20px; } .box2{ background-color: aqua; margin-top: 50px; } </style> </head> <body> <div class="box1"></div> <div class="box2"></div> </body> </html>
margin跟padding內(nèi)邊距的方位值和取值情況一樣,順時(shí)針方向(上右下左),點(diǎn)擊查看"css盒子模型之內(nèi)邊距padding及簡(jiǎn)寫"
到此這篇關(guān)于關(guān)于css中margin的值和垂直外邊距重疊問題的文章就介紹到這了,更多相關(guān)margin垂直外邊距重疊內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!
相關(guān)文章
CSS中使用負(fù)margin值來調(diào)整居中位置
這篇文章主要介紹了CSS中使用負(fù)margin值來調(diào)整居中位置的方法,文中同時(shí)提到了這種常用方法的一些值得注意的地方,需要的朋友可以參考下2015-07-15- CSS中的邊界margin的取值也可以為負(fù)值,有時(shí)候我們不敢相信,這是一個(gè)有趣的話題,負(fù)值邊界會(huì)給我們帶來更多新奇的創(chuàng)意,讓我們的工作更具刺激和挑戰(zhàn)。2011-03-13