摘要：
这节课来学习内墙法，无论是外墙法还是内墙法，它的墙指的就是块级元素，只不过额外添加的块级元素它所处的位置不同。 我们的外墙法是将块级元素添加到两个div之间，而我们的内墙法是要将块级元素写到我们第一个盒子所有元素的最后。 我们使用外墙法的时候是没有后面那个红色的部分的 为什么是这样？ 因为外墙法是不 阅读全文
摘要：
我们接下来学习的这几种浮动方式我们不用去理解它，因为它中间有一些知识点我们没有学，所以我们只要背诵下来就行了。 等学完了一些相关的知识点以后我们再回来看一下细节。 我们从刚才的页面拷贝一份代码，然后默认情况下不浮动是这个样子 然后将浮动元素打开，默认情况下是长的这个样子 然后我们想清除浮动 但是现在 阅读全文
摘要：
我们之前讲过如果只有子元素设置了margin top而父元素没有边框则会跟着被顶下来的。 而我们怎么解决这个问题呢？ 就是给父元素设置一个边框 而为什么我们在第二个浮动的盒子设置边框没有用呢？应为第一个盒子浮动了以后，第二个盒子前面就没有元素了，就默认是body父元素了，所以我们如果不给父元素设置边 阅读全文
摘要：
我们第一种方式不推荐大家使用，有没有一种方式可以不用设置高度，又不让第二个元素去找第一个元素呢？ 我们来打开w3c官方文档，我们发现元素有一个clear属性，这个属性就能保证既不让我们元素设置高度，又不让我们第二个元素去找第一个元素。 这个clear属性一共有四个取值，left,right,both 阅读全文
摘要：
我们先来设置两个div元素，然后分别给它们设置背景颜色。 然后我们再来给文字设置背景颜色，发现div的背景颜色被覆盖掉了。 由于p是块级元素，它的宽度与它的父元素是同宽的，所以它的背景颜色盖住了div的背景颜色。 为了能够看到p的背景颜色，我们给p的宽度改一改，改为100px。 然后现在我们想让di 阅读全文
摘要：
在标准流中我们学习过，内容的高度可以撑起盒子的高度。 然后我们先设置一个div，然后清楚一切的内外边距，里面嵌套一个p元素，我们没有给div设置宽度，默认是和父元素同宽的，但是没有高度，我们给p元素设置一个高度和宽度，然后发现div也有了高度，那么就是div是被内容给撑起来的高度。 然后我们给p加一 阅读全文