![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 83
qq_26702033
这个作者很懒,什么都没留下…
展开
-
页面布局--上下固定中间自适应出现滚动条布局
上下固定中间弹性滚动布局是H5页面最常见的布局方法;现在总结了3中布局方式。1.position:fixed+overflow:scroll+js动态设置中间高度html代码://html结构<nav></nav><div class="container" id="container"><div class="inner"&am原创 2018-03-07 14:27:50 · 7095 阅读 · 1 评论 -
页面布局--左边固定右边自适应两栏布局
[转载]原文链接 总结一下左边固定,右边自适应的两栏布局的七种方法。其中有老生常谈的float方法,BFC方法,也有CSS3的flex布局与grid布局。并非所有的布局都会在开发中使用,但是其中也会涉及一些知识点。基础代码: HTML<div class="wrapper wrapper-inline-block" id="wrapper"> <div class...转载 2018-03-07 17:15:13 · 1204 阅读 · 0 评论 -
页面布局--三栏布局左右固定中间自适应
题目:假设高度已知,请写出三栏布局,其中左栏、右栏宽度各为300px,中间自适应:解决方案: 1.浮动布局; 2.绝对定位; 3.flexbox布局; 4.表格布局 tablecell属性; 5.grid网格布局;样式<style media="screen"> html *{ padding: 0; margi...原创 2018-03-12 09:06:18 · 423 阅读 · 0 评论 -
CSS盒模型
CSS盒模型1.基本概念:标准模型—+IE模型 2.标准模型和IE模型的区别1.宽度和高度的计算 标准模型的宽度:content.width 标准模型的高度:content.height IE模型的宽度:content.width+padding-left+padding-right+border-left+border-right IE模型的高度:conte...原创 2018-03-12 10:21:01 · 123 阅读 · 0 评论 -
BFC
1.什么叫BFCbox、Formatting Context的概念box:css布局的对象和基本单位,直观来说,就是一个页面是由多个box组成的。元素的类型和display属性,决定了这个box的类型。不同类型的box,会参与不同的Formatting Context(一个决定如何渲染文档的容器),因此box内的元素会以不同的方式渲染。block-level box:display...原创 2018-03-12 10:25:45 · 144 阅读 · 0 评论