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