摘要：
在上节中，有一个地方有点没想明白，在此记录一下。 上节中提到，浮动元素产生了浮动流，所有产生了浮动流的元素，块级元素看不到他们，但是产生了bfc的元素、文本类属性的元素(inline)以及文本都能看到浮动元素。 这里我一开始理解为，块级元素是不能约束到浮动元素的，所以在使用float:right;时 阅读全文
posted @ 2020-09-27 22:46
zher_leon
阅读(142)
评论(0)
推荐(0)
摘要：
两个经典BUG： 1、margin塌陷(父子级之间)：垂直方向的margin，父子元素是结合在一起的，它俩会取最大的值，父子一起移动。意思就是，现有一个父级wrapper和子级box，wrapper有一属性margin-top:100px;父子一起垂直方向移动，这时给box加一个margin-top 阅读全文
posted @ 2020-09-27 17:31
zher_leon
阅读(181)
评论(0)
推荐(0)
摘要：
盒子模型： 打开浏览器随机一个页面，右键检查元素，能看到有一个图，这就是盒模型。每一个元素结构都可以看作是一个盒模型。 盒模型=margin+border+padding+(content=width+height).在面试的时候，很多公司都有一道笔试题求盒子的实际宽高。 利用盒模型来画一个远视图： 阅读全文
posted @ 2020-09-27 17:26
zher_leon
阅读(178)
评论(0)
推荐(0)
摘要：
利用边框画一个三角形： 用div做一个块模型，并将他的宽高设置为0px，这样我们看到的色块都是边框，每一条边都是一个小三角形，将右和下边框设置为红色，再将左上边框设置为透明色，于是就可以得到以上三角形。以上为两种写法，第二种更简洁。 一些特性： border: 1px solid black； 边框 阅读全文
posted @ 2020-09-27 17:05
zher_leon
阅读(207)
评论(0)
推荐(0)
浙公网安备 33010602011771号