伊娃的博客

布局的传统解决方案，基于盒状模型，依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。Flex布局可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。 Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的f...

通常情况下，我们要实现左侧导航相对于右侧内容区域，高度能够充满整个屏幕。下面介绍一种用CSS实现的方法，如图：实现方法很简单，直接上代码：<div style="position: absolute;top: 0;left: 0;bottom: 0;border:solid 1px #333;"> <div style="float: left;height:10...