ITBwy的博客

常用单位 下面是对这些单位的一个简单整理: 单位 类型 描述 px Absolute 1个Viewport像素 pt Absolute 1pt = 1/72英寸 pc Absolute 1pc = 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布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就