css
关注
分享
扫一扫
文章平均质量分 76
李天下xue
努力有时候真的无法胜过天赋，但努力可以让有天赋的人看的起你
展开
-
圣杯布局 和 双飞燕布局
圣杯布局和双飞翼布局基本上是一样的，都是两边固定宽度，中间自适应的三栏布局，其中，中间栏放到文档流前面，保证先行渲染。解决方案大体相同，都是三栏全部float:left浮动，区别在于解决中间栏div的内容不被遮挡上，圣杯布局是中间栏在添加相对定位，并配合left和right属性，效果上表现为三栏是单独分开的（如果可以看到空隙的话），而双飞翼布局是在中间栏的div中嵌套一个div，内容写在嵌套的di...原创 2018-06-23 14:35:17 · 2295 阅读 · 1 评论 -
rem和其他单位之间的区别
px|pt|em|rem区别（1）px单位px（像素），国内网站相对来说用得比较多，任意浏览器的默认字体高都是16px。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。IE无法调整那些使用px作为单位的字体大小，国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；；（2）pt单位pt是point，是印刷行业常用单位，等于1/72英寸。（...原创 2018-06-23 15:00:51 · 581 阅读 · 0 评论 -
页面布局
一、问题：假设高度默认100px ，请写出三栏布局，其中左栏、右栏各为300px，中间自适应。(1)方法1、浮动：左侧设置左浮动，右侧设置右浮动即可，中间会自动地自适应。<!DOCTYPE html><html lang="en&原创 2018-06-15 17:18:31 · 304 阅读 · 0 评论 -
BFC
1.BFC的概念BFC（Block Formatting Context）：块级格式化上下文。你可以把它理解成一个独立的区域。另外还有个概念叫IFC。不过，BFC问得更多。2.BFC 的原理/BFC的布局规则【非常重要】BFC 的原理，其实也就是 BFC 的渲染规则（能说出以下四点就够了）。包括：（1）BFC 内部的子元素，在垂直方向，边距会发生重叠。（2）BFC在页面...原创 2018-06-16 16:55:16 · 980 阅读 · 0 评论