欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

關(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ù)值說明

    CSS中的邊界margin的取值也可以為負(fù)值,有時(shí)候我們不敢相信,這是一個(gè)有趣的話題,負(fù)值邊界會(huì)給我們帶來更多新奇的創(chuàng)意,讓我們的工作更具刺激和挑戰(zhàn)。
    2011-03-13

最新評(píng)論