为什么要清除浮动?当元素使用了float样式而没有清除浮动的时候,有浮动元素的父元素容器将无法自动撑开。也就是说当一个元素是浮动的,如果没有关闭浮动,其父元素不会包含这个浮动元素,因为浮动元素从文档流中脱离,从而会影响到前后标签、父级标签的位置及widthheight属性。通过设置父元素属性over...
分类:
其他好文 时间:
2014-07-22 00:35:35
阅读次数:
223
普通定位 positiont:static 普通文档流中的元素的position的默认值为static,无需主动声明。忽略top、right、bottom、left和z-index。 相对定位 position:relative .relative{
????position:relative;
??...
分类:
Web程序 时间:
2014-07-21 10:29:18
阅读次数:
249
float 属性介绍:HTML页面的标准文档流(默认布局)是:从上到下,从左到右,遇块(块级元素)换行。给元素的float属性赋值后,就是脱离文档流,进行左右浮动,紧贴着父元素(默认为body文本区域)的左右边框。css 浮动,就是一个元素浮动之后,飘到了上空,原本他是存在于二维平面中,现在脱离平面...
分类:
其他好文 时间:
2014-07-21 09:14:47
阅读次数:
212
按照CSS规范,浮动元素(floats)会被移出文档流,不会影响到块状盒子的布局而只会影响内联盒子(通常是文本)的排列。 因此当其高度超出包含容器时,一般父容器不会自动伸长以闭合浮动元素。 但是有时我们却需要这种自动闭合行为,具体如何处理呢? 有一种做法就是在父容器内再插入一个额外的标签,...
分类:
Web程序 时间:
2014-07-18 23:39:58
阅读次数:
327
目录语法作用使用定位的条件总结语法position : static absolute relative(static、absolute、relative常用值)。参数static :无特殊定位,对象遵循HTML定位规则。absolute :将对象从文档流中拖出,使用left,right,top,b...
分类:
Web程序 时间:
2014-07-16 18:10:54
阅读次数:
237
这个练习主要简单的展示了据对定位和相对定位;
在此说下html的定位:
1.static定位
这个是默认的方式,对static而言,left和right是不生效的。
2.relative定位(相对定位)
元素框偏离自身流对应的位置(靠left和top定位),元素仍然保持为定位前的形状,它原本所占的空间仍保留,从这一角度看,好像该元素仍然在文档流/标准流中一样。
注意:relativ...
分类:
Web程序 时间:
2014-07-14 13:32:46
阅读次数:
277
1、 如果select的结果为空,则实际上什么也不做 2、xpath中的通配符 通配符 描述 * 匹配任何元素节点。 @* 匹配任何属性节点。 node() 匹配任何类型的节点。 3、 如上代码演示了如何在输出文档流中插入变量、参数值,方法为{$名称} 4、call-template和apply-t...
分类:
其他好文 时间:
2014-07-10 15:34:55
阅读次数:
175
最近在总结一些以前了解的知识,对于css来说,清除浮动是一个知识点。 那我们来看看浮动是什么。当然我们要先提一提常规文档流(额,这篇文章主要参考《CSS权威指南》,但书中没解释常规文档流,那就我自己按理解来解释一下了)。 常规文档流:就是除去浮动元素(float)、绝对定位(position...
分类:
其他好文 时间:
2014-07-09 00:19:47
阅读次数:
211
设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置,他们之间不会相互影响,而会在同一位置层叠。此时对象不具有外补丁( margin ),但仍有内补丁( padding )和边框( border...
分类:
Web程序 时间:
2014-07-01 18:55:36
阅读次数:
296