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