1、display block块级元素（div、p等） inline 行内元素（a、span等） 常见的例子：把li修改成inline ，制作成水平菜单2、max-width 来适应不同浏览器窗口大小，IE7+都支持这一属性3、box-sizing:border-box 将元素设置这一属性时，元.....
分类：
Web程序 时间：
2015-08-02 07:46:37
阅读次数：
149
DOCTYPE模式 浏览器的两种文档模式 css3属性box-sizing
分类：
其他好文 时间：
2015-07-30 18:38:04
阅读次数：
111
.inline-block {
display: inline-block;
}
.width33 {
text-align: center;
width: 33%;
box-sizing: border-box;
border-left: 1px solid white;
}
.bottom-bar {
position: fixed;
...
分类：
Web程序 时间：
2015-07-30 14:58:03
阅读次数：
803
第一种：.btn{ /* force height to include the border and padding */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /*...
分类：
其他好文 时间：
2015-07-27 12:32:40
阅读次数：
104
box-sizing,明知故问，看英语，“盒类型”。我去，好吧。就是你想怎么弄这个盒模型。来吧，看看有什么属性值可用： box-sizing: content-box|border-box|inherit;嗯，三个。不错（1）content-box:宽度和高度分别应用到元素的内容框。在宽度和高...
分类：
Web程序 时间：
2015-07-26 00:22:38
阅读次数：
111
http://www.w3cplus.com/content/css3-box-sizinghttp://tantek.com/CSS/Examples/boxmodelhack.htmlbox-sizing是CSS3的box属性之一。一说到CSS的盒模型（Box model）我想很多人都会比较烦，...
分类：
Web程序 时间：
2015-07-22 10:38:41
阅读次数：
170
@charset "utf-8";/*reset css for PC*/body,div{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}body, dl, dd, ...
分类：
Web程序 时间：
2015-07-18 18:19:37
阅读次数：
156
对于之前讲过的box-sizing属性，对于页面布局很有用，但是突然发现它依然存在一些问题，前面例子中不会存在问题，不代表它没有问题。如果元素的个数整除100%的时候呢，比较3个元素，那么第一个盒子的宽度就会是33.3333333%,很显然，无论如何都是除不尽的，也就是说不可能平均分配。这显然是.....
分类：
Web程序 时间：
2015-07-17 22:41:27
阅读次数：
216
这些天在做一个手机端的页面，遇到了一些问题！首当其冲的就是盒子的溢出问题！大家都知道，手机的尺寸各异，各种型号的手机多得能闪瞎你们的眼睛，为了能 让这些设置更好的浏览我们的页面，我们已经不能固定页面的大小了。所以很多时候我们对于大小的设置都需要使用百分比，嗯，试试看吧！ 对于一个导航，我们初始是想这...
分类：
Web程序 时间：
2015-07-17 22:37:16
阅读次数：
330
1、表单形式，一行文字，分2列或者三列，其中一列或者两列宽度固定，最后一列100%长度使用display:table外层结构样式：display:table;width:100%;box-sizing:border-box;内存固定宽度样式：display:table-cell;width:65px...
分类：
Web程序 时间：
2015-07-16 19:03:09
阅读次数：
118
