解决外边距溢出---内容生成

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决外边距溢出---内容生成相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>

<html>

<head>

<meta charest="utf-8">

<title>解决外边距溢出</title>

<style>

#d1,d2{

      width:200px;

      height:200px;

     background:red;

      }

    #d2{

        background:green;

        }

    #d3{

         width:100px;

          height:100px;

          background:blue;

          }

    #d2:before{

      concent:""

     display:table

         }

  </style>

</head>

<body>

<div  id="d1"> </div>

<div id="d2">

<!--

  1.d2的第一个子元素

  2.放一个table元素

-->

<div id="d3">

</div>   

</body>

</html>

以上是关于解决外边距溢出---内容生成的主要内容,如果未能解决你的问题,请参考以下文章

外边距合并与溢出

html所有关于内边距外边距的标签属性

CSS权威指南 - 内边距 边框 和 外边距

scrollWidthclientWidthoffsetWidth的区别及总结

解决垂直外边距合并的几种办法

垂直相邻margin合并解决方法