因为Bootstrap使用了 * {box-sizing:border-box;}来reset浏览器的默认盒子模型。所以加上以下代码就可以兼容Bootstrap了 <style type="text/css"> .laydate_box, .laydate_box * { box-sizing:co ...
分类：
其他好文 时间：
2016-12-22 19:16:39
阅读次数：
148
一、半透明边框 css3最好用hsla，而不是rgba，hsla是：h：颜色值(0~360)；s：饱合度(0%~100%)；l：亮度(0%~100%)；a：透明度(0~1) background-clip：裁剪背景颜色，默认为border-box(背景颜色扩散到border）；padding-box ...
分类：
Web程序 时间：
2016-12-19 11:33:55
阅读次数：
274
首先声明一点，transform属性不为none的元素是它的定位子元素（绝对定位和固定定位）的包含块，而且对内创建一个新的层叠上下文。 注意：可以通过 transform-box 属性指定元素的那个盒子发生了变换，该属性的默认值是“border-box”，查MDN只有Firefox支持该属性（我试的 ...
分类：
Web程序 时间：
2016-12-18 20:53:49
阅读次数：
364
一、容器内 二、负外边距 优点： 1. 良好的跨浏览器特性，兼容IE6-IE7。 2. 代码量少。 缺点： 1. 不能自适应。不支持百分比尺寸和min-/max-属性设置。 2. 内容可能溢出容器。 3. 边距大小与padding,和是否定义box-sizing: border-box有关，计算需要 ...
分类：
其他好文 时间：
2016-12-16 14:28:19
阅读次数：
163
核心点有两个，大盒子设置box-sizing:border-box，这样的话设置padding值后就不会有横向滚动条 然后就是图片左浮动，文本有浮动，这样就能让文本和图片之间有间隔。 由于采用百分比布局，图片就能在窗口变化的时候，自由缩放了。 演示地址：http://down.yesyes.wang ...
分类：
其他好文 时间：
2016-12-15 20:22:07
阅读次数：
195
重点内容是：背景的显示范围是在元素的内边距之内的，如果要想改变显示范围，可以使用background-orgin和background-clip进行调整。 （1）background-orgin有三个属性：border-box（边框左上角）；padding-box（内边距左上角）；content-b ...
分类：
其他好文 时间：
2016-12-06 13:39:37
阅读次数：
168
css3 box-sizing属性 box-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。 content-box，border和padding不计算入width之内 padding-box，border-box，borde ...
分类：
Web程序 时间：
2016-12-02 19:10:46
阅读次数：
355
本文介绍了css3中的box-sizing属性，在这之前读者需要预备知识width的范围。 浏览器的支持情况 box-sizing属性 box-sizing属性可以有三个值：content-box（defalut），border-box属性。 效果截图： 本文转载自：http://www.cnblo ...
分类：
Web程序 时间：
2016-12-02 01:10:30
阅读次数：
183
本文介绍了css3中的box-sizing属性，在这之前读者需要预备知识width的范围。 浏览器的支持情况 box-sizing属性 box-sizing属性可以有三个值：content-box（defalut），border-box属性。 <style> div{ width:100px; he ...
分类：
Web程序 时间：
2016-12-01 22:17:09
阅读次数：
207
width,height,border-box,content-box ...
分类：
其他好文 时间：
2016-11-25 19:34:41
阅读次数：
219
