布局
dou_xiaobao
白羊座的女程序猿
展开
-
面试题之CSS盒模型
面试题之CSS盒模型1、基本概念(1)标准模型 (宽、高)= content 的宽高(2)ie模型(宽、高)= content 的宽高 + padding 的宽高 + border 的宽高2、CSS如何设置这两种模型3、JS如何设置获取盒模型对应的宽和高4、解决盒模型边距重叠—BFC(1)BFC的基本概念(2)创建BFC的方式(3)BFC的使用场景 1、基本概念 基本概念:标准模型 + ie模型 (1)标准模型 (宽、高)= content 的宽高 (2)ie模型(宽、高)= content 的宽高 + p原创 2020-08-05 15:31:44 · 1405 阅读 · 0 评论 -
面试题—首尾固定中间高度自适应实现的4种方式
首尾固定中间高度自适应实现的4种方式1、定位postion2、弹性布局—flex3、表格布局—table4、网格布局—grid 1、定位postion <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-原创 2020-08-05 12:37:52 · 430 阅读 · 0 评论 -
不固定高宽div垂直居中的方法
不固定高宽div垂直居中的方法 1、伪元素和 inline-block / vertical-align <style> .box-wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; //微调整空格 } .centered { display: inline-block; vertical-al原创 2020-08-04 18:36:38 · 684 阅读 · 0 评论