一、实现方法 小技巧，最外层元素高度100%，flex布局，flex-direction为cloumn， overflow为hidden； 里面子元素需要自适应宽高的元素给一个最小高度min-height； 另一个需要撑满的元素flex设置为1。 二、写法如下： ...

...

目前测试支持的浏览器： 兼容IE10及以上、Chrom、Firefox浏览器。 假如考虑IE10以下浏览器，可以考虑其他写法。 话不多说，上代码： <div style="background: green; display: flex;"> ...

前言 　　纯css3实现的轮播图效果，和JavaScript控制的相比，简单高效了很多，但是功能也更加单一，只有轮播不能手动切换。 　　用什么实现的呢？页面布局 + animation动画 HTML部分 View Code 　　html部分 ...

;style type="text/css"> *{ margin: 0; padding: ...

这是我上一次的面试题、一晃两个月过去了。 从前都是拿原理骗人，把怎么实现的思路说出来。 我今天又被人问到了，才想起来真正码出来。码出来效果说明一切： 以上gif，只用到了5张图片，一个html+css，没有任何js。然后实现了自动轮播效果。 具体代码如下：结构布局 ...

（1）使用float -------------------------------------------------------------------------- ...

从事前端工作近五年了，说来惭愧，对css一直很头疼，今天又碰到了一个让元素自动撑满高度的问题，以此来适应不同的屏幕尺寸，查阅了一些资料，发现解决方法竟然如此简单，我也来简单地记录一下吧。 需求描述：页面有一个公共的头部，下面是正文的div，为了适应不同尺寸的屏幕，要求让这个div自动撑满高度 ...