CSS知识点总结
sylvia_yue
爱说爱笑爱胡闹~
展开
-
CSS 布局之 —— BFC
1. BFC 是什么? BFC–块级格式化上下文(Block Formatting Context),是一个独立渲染的块级盒子,其内部的元素与外部的元素相互隔离,内外元素的定位不会相互影响。 2. 应用 2.1 清除浮动 浮动元素是脱离文档流的,如下图: 对应代码: html 部分: <div class="container-clear-none"> <div cla...原创 2019-04-17 17:10:47 · 187 阅读 · 0 评论 -
CSS 三栏布局方法总结
本文总结了三栏布局的几种常用方法,效果如下: 其中,左右分别为100px,中间自适应。 1. 浮动 html 代码: <div class="left">left</div> <div class="right">right</div> <div class="center">center...原创 2019-04-17 17:12:17 · 166 阅读 · 0 评论 -
CSS 居中布局
居中在平时的运用很多,以下简单做了一些总结。 1.块级元素居中 统一 html 格式如下: <div class="container"> <div class="content">content</div> </div> 居中效果如下: 1.1 relaive 居中 1.1.1 已知父元素子元素高度 ...原创 2019-04-17 17:12:58 · 501 阅读 · 0 评论