![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
Jessie-moving
You have a dream, you got to protect it.
展开
-
BFC
BFC相关知识 BFC 块级格式化上下文 (Block Fromatting Context), 按照块级盒子布局的 布局规则: 1.内部的盒子会在垂直方向,一个个地放置; 2.BFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素。反之也如此; 2.盒子垂直方向的距离由margin决定,属于同一个BFC的两个相邻Box的上下margin会发生重叠; 3.每一个元素的左边,与包...原创 2019-03-19 15:23:41 · 78 阅读 · 0 评论 -
清除浮动
浮动存在问题及解决 <style type="text/css"> * { margin: 0; padding: 0; } .container { //不给父盒子添加高度,想实现高度自适应 width: 360px; border: 1px solid #000; background: #eee; } .container p...原创 2019-03-19 16:18:54 · 79 阅读 · 0 评论 -
三栏布局
三栏布局的实现方法第一种:浮动布局第二种:绝对定位布局第三种:flex布局第三种:table布局第五种:网格布局 描述:左右宽度200px,中间自适应 第一种:浮动布局 <style type="text/css"> * { margin: 0; padding: 0; } .container { width: 100%; } .box {...原创 2019-03-19 12:02:55 · 96 阅读 · 0 评论