ITBwy的博客

常用单位下面是对这些单位的一个简单整理:单位类型描述pxAbsolute1个Viewport像素ptAbsolute1pt = 1/72英寸pcAbsolute1pc = 12pt%Relative

击败边框：带border的百分比布局 (2013-12-03 14:00:06)转载▼ 分类： html,css响应式Web设计经常需要我们通过百分比设置组件宽度。如果我们不考虑边框，那么很容易就可以实现，但如果你给每一列以及总宽度都采用百分比设置，那这个时候固定的边框大小就会出来捣乱。下面我们将看到一组方法去解决这个问题，你

在分享此方法之前，先来学习一下另一个知识说明：关于display设置弹性盒布局不了解的童鞋可以看我的另一篇文章：display的详细用法display:flex;display:box;display:flexbox;的区别上面是三种设置弹性盒布局的方式，分别代表不同时代的设置弹性盒布局的方式：display:box;是09年的语法版本，使用时需要加上浏览器的前缀，目前已经过时

网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就