iwowen的博客
css
前端

关于前端BFC相关笔记

什么是BFC? W3C对BFC的定义如下: 浮动元素和绝对定位元素,非块级盒子的块级容器(例如 inline-blocks, table-cells, 和 table-captions),以及overflow值不为"visiable"的块级盒子,都会为他们的内容创建新的BFC(Block Fromatting Context, 即块级格式上下文)。 BFC的触发条件 1. 根元素html 2. float不为none 3. overflow不为visible 4. position为fixed或…

2020年05月09日 0条评论 228点热度 0人点赞 阅读全文
前端

css盒模型

标准模型 + IE模型 标准模型宽高为content的宽高 box-sizing: content-box; IE模型宽高是 content + border + padding 的宽高 box-sizing: border-box; js如何设置和获取元素宽高 dom.style.width/height // 只能获取内联样式的宽和高 dom.currentStyle.width/height // 能够拿到最后的样式,但只有ie支持 window.getComputedStyle(dom).width/hei…

2020年04月15日 0条评论 207点热度 0人点赞 阅读全文
前端

前端css实现左中右布局

高度已知,实现左中右布局 浮动 左右通过浮动控制 <!-- float --> <style type="text/css" media="all"> .layout-1 .content > div{ height: 100px; } .layout-1 .center{ background-color: blue; } .layout-1 .left{ float: left; width: 300px; background-color:…

2020年02月15日 0条评论 241点热度 0人点赞 阅读全文
最新 热点 随机
最新 热点 随机
使用rollup和typescript搭建自己的函数库 前端关于性能优化方面的记录 关于前端BFC相关笔记 js数据类型和数据转换 dom事件笔记 css盒模型
关于前端BFC相关笔记前端关于性能优化方面的记录前端使用canvas实现贪吃蛇小游戏前端css实现左中右布局如何在react项目中使用redux?使用create-react-app打造多页面应用
关于前端BFC相关笔记 js中new的过程是什么? css盒模型 js数据类型和数据转换 使用kodexplorer可道云作为hexo静态网站的后台 js函数节流和防抖
分类目录
  • react
  • vue
  • 前端
  • 工具
文章归档
  • 2020年12月 (1)
  • 2020年5月 (2)
  • 2020年4月 (3)
  • 2020年3月 (1)
  • 2020年2月 (1)
  • 2020年1月 (2)
  • 2019年12月 (1)
  • 2019年11月 (3)
  • 2019年10月 (1)

COPYRIGHT © 2020 iwowen的博客. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS

蜀ICP备19037276号-1