内联元素默认不能设宽高,其宽高由其内容自动撑开让内联元素具有宽高属性的几种方式1,给内联元素转换成块级元素或内联块级元素 block或inline-block2,让内联元素脱离文档流,比如绝对定位、固定定位或浮动span{width:3rem;height:100%;float:left;}
分类:
其他好文 时间:
2015-09-03 16:37:04
阅读次数:
156
移动端一般采用百分比设置宽度,高度固定,如果父级已经设置了高度,就可以设置百分比高度。而且一般采用标准文档流来布局就可以了。一般在导航用nav标签。然后使用在使用ul|>li标签,如果li里面既有icon又有文字就用i+span如果使用less的文件快速布局,一般设定html,body的fontsi...
分类:
其他好文 时间:
2015-08-31 13:15:08
阅读次数:
136
在CSS中我们会经常要用到“清除浮动”Clear,比较典型的就是clear:both;CSS手册上是这样说明的:该属性的值指出了不允许有浮动对象的边。这个属性是用来控制float属性在文档流的物理位置的。当属性设置float(浮动)时,其所在的物理位置已经脱离文档流了,但是大多时候我们希望文档流能识...
分类:
Web程序 时间:
2015-08-30 21:12:01
阅读次数:
138
*******块级元素:div p(段落标签) ul li ol dl dt dd table h1-h6 section nav title footer 等特点:独占一行--文档流布局:display:block并且会受到宽度和高度,边距(padding/margin)的影响如果当前文档流中居中...
分类:
其他好文 时间:
2015-08-29 19:59:55
阅读次数:
147
1 2 /** 一、简单读取Execl的步骤: 3 * 1、通过流来读取Execl并存放到内存中; 4 * 2、通过WorkbookFactory工作簿工厂来读取内存中存放的execl文档流并创建出一个工作簿 5 * 3、通过工作簿来获取里面的每一个sheet文档 6 * 4、通过每个sheet.....
分类:
编程语言 时间:
2015-08-29 15:19:10
阅读次数:
176
12 结果如下:class 拥有float的属性已经脱离正常的文档流,所以父元素中相当于没有正常文档流填充。高度为0,我们想让父节点高度自适应float元素的高度。要在父元素里面加上overflow:hidden; 当包含float的 box的时候,高度自动适应在IE下无效,这时候应该触发...
分类:
Web程序 时间:
2015-08-21 14:57:44
阅读次数:
307
Q:什么是文档流?A:简单的说可以理解为元素在页面上出现的先后顺序。Q:什么情况下会脱离文档流?A:当使用“浮动”与“绝对定位”时。Q:脱离文档流就不占据空间了吗?A:可以这么说。更准确地一点说,是一个元素脱离文档流之后,其他的元素在定位的时候会当做没看见它,两者位置重叠都是可以的。Q: 脱离文档流...
分类:
Web程序 时间:
2015-08-20 23:57:59
阅读次数:
209
当一个元素使用绝对定位后,它的位置将依据浏览器左上角开始计算或相对于父容器(在父容器使用相对定位时)。 绝对定位使元素脱离文档流,因此不占据空间。普通文档流中元素的布局就当绝对定位的元素不存在时一样。因为绝对定位的框与文档流无关,所以它们可以覆盖页面上的其他元素。w3c对绝对定位的解释: 设置...
分类:
Web程序 时间:
2015-08-20 23:54:23
阅读次数:
238
position属性的相关定义:static:无特殊定位,对象遵循正常文档流; relative:对象遵循正常文档流; absolute:对象脱离正常文档流; fixed:对象脱离正常文档流我们先来看看CSS3 Api中对position属性的相关定义:static:无特殊定位,对象遵循正常文档流。...
分类:
Web程序 时间:
2015-08-20 22:14:50
阅读次数:
200
圣杯布局和双飞翼布局,他们的都要求三列布局,中间宽度自适应,两边定宽,这样做的优势是重要的东西放在文档流前面可以优先渲染,而双飞翼布局是对圣杯布局的一种改良,下一篇文章会讲到。圣杯布局:用到浮动、负边距、相对定位,不添加额外标签DOM结构:Header Main Left Righ...
分类:
其他好文 时间:
2015-08-19 23:35:02
阅读次数:
165