1.float??不知道大家是否还记得之前我们讲过页面是文档流,具体什么是文档流,我就不说了?于是我们页面布局如果用div的话,那么块状的元素是怎么排列的,什么叫块状自己去看?如果我们呢用div布局的话,可能会遇到一个问题?大家见没有。如果我想把xxxxx放到和Box-1排在一起,我应该怎么搞啊?可...
分类:
Web程序 时间:
2015-11-17 23:16:02
阅读次数:
446
position属性static:无特殊定位,对象遵循正常文档流。top,right,bottom,left等属性不会被应用,默认值。relative:对象遵循正常文档流,但将依据top,right,bottom,left等属性在正常文档流中偏移位置。absolute:对象脱离正常文档流,使用top...
分类:
Web程序 时间:
2015-11-12 10:04:22
阅读次数:
249
position属性的定义和用法: 检索或设置对象的定位方式。 设置此属性值为absolute 会将对象拖离出正常的文档流而不考虑它周围内容的布局。假如其他具有不同z-index属性的对象已经占据了给定的位置,他们之间不会相...
分类:
Web程序 时间:
2015-11-11 01:15:12
阅读次数:
226
position属性的定义和用法:检索或设置对象的定位方式。设置此属性值为absolute 会将对象拖离出正常的文档流而不考虑它周围内容的布局。假如其他具有不同z-index属性的对象已经占据了给定的位置,他们之间不会相互影响,而会在同一位置层叠。此时对象不具有margin,但仍有padding和边...
分类:
Web程序 时间:
2015-11-11 01:09:33
阅读次数:
714
为什么会出现margin-top无效?原因:根据W3C盒子模型的规范,一个盒子如果没有上补白(padding-top)和上边框(border-top),那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。解决该问题的办法:1.在父元素加上有意义的border数值(0,none无效)2....
分类:
其他好文 时间:
2015-11-10 12:16:14
阅读次数:
154
浮动元素脱离文档流,父元素也看不见它,围住浮动的3种方法:1.为父元素添加overflow:hidden,强制包围浮动。2.父元素也浮动。3.添加非浮动的清除元素,给父元素的最后添加一个非浮动的子元素,然后清除该子元素,例如给父元素添加一个类clearfix。.clearfix:after{cont...
分类:
其他好文 时间:
2015-11-06 12:50:30
阅读次数:
135
position属性的定义和用法:检索或设置对象的定位方式。设置此属性值为absolute 会将对象拖离出正常的文档流而不考虑它周围内容的布局。假如其他具有不同z-index属性的对象已经占据了给定的位置,他们之间不会相互影响,而会在同一位置层叠。此时对象不具有margin,但仍有padding和边...
分类:
Web程序 时间:
2015-11-06 06:55:31
阅读次数:
297
学习了快接近一个月的html和css,有的会有的不会,每天做作业到很晚,可能是自己笨也可能是自己学习效率没搞好。 个人总结了下css的布局,当你想让div保持在屏幕中间可以对他用相对定位,margin:0 auto;当你相对这个div里面的元素进行定位的话,可以对其进行绝对定位。使其脱离普通文档流....
分类:
其他好文 时间:
2015-11-03 22:51:58
阅读次数:
209
浮动的原理:1、浮动的元素脱离文档流,不占据正常的文档流的空间,原来被占据的空间,被仍然在文档流中的元素自动填补。2、浮动元素的定位,基于正常文档流。元素脱离文档流之后的规则:1、浮动元素失去了独占一整行的特征。2、浮动元素若是不设置宽高,其宽高都随内容而定。3、浮动会自动将内联元素转换为块元素(特...
分类:
Web程序 时间:
2015-11-03 19:13:57
阅读次数:
157
前面我们简单的了解了盒子模型,这里我们就不复习了哈。有什么不清楚的去看我的上一篇博文。其实说定位之前大家一定要先理解一个东西:文档流,那什么是文档流?和文档有关系吗?是dom树吗?这一对的问题我们应该怎么解决。还没有开始定位啊......应该怎么办了?文档流:其实文档大家知道吗?如果是大家看看这个东...
分类:
Web程序 时间:
2015-11-03 00:21:43
阅读次数:
267