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

這篇文章主要介紹了關(guān)于css中margin的值和垂直外邊距重疊問題,本文給大家介紹的非常詳細對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
并列盒子的margin(雙margin的重疊)面試題:一個盒子有上邊距,另一個盒子有下邊距,會出現(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)邊距的方位值和取值情況一樣,順時針方向(上右下左),點擊查看"css盒子模型之內(nèi)邊距padding及簡寫"
到此這篇關(guān)于關(guān)于css中margin的值和垂直外邊距重疊問題的文章就介紹到這了,更多相關(guān)margin垂直外邊距重疊內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!
相關(guān)文章
- 這篇文章主要介紹了CSS中使用負margin值來調(diào)整居中位置的方法,文中同時提到了這種常用方法的一些值得注意的地方,需要的朋友可以參考下2015-07-15
- CSS中的邊界margin的取值也可以為負值,有時候我們不敢相信,這是一個有趣的話題,負值邊界會給我們帶來更多新奇的創(chuàng)意,讓我們的工作更具刺激和挑戰(zhàn)。2011-03-13