在css布局方式中，div 是这种布局方式的核心对象，我们的页面排版不再依赖于表格，仅从div的使用上说，做一个简单的布局只需要两样东西：div 与 css。因此我们称这种布局方式为 div + css 布局。例： 了解布局，首先要知道文档流。文档流其实就是指浏览器生成页面的顺序。它是浏览器解析网页 ...
分类：
Web程序 时间：
2016-08-16 23:47:32
阅读次数：
178
一、文档流 运用css布局首先要具备一些概念上的知识，文档流的概念充斥着布局的整个过程。浏览器渲染页面是有先后顺序的，其顺序是至上而下，根据HTML的文档结构进行渲染。 二、div+css 耳熟能详的div+css布局指的是：仅用容器标签div配合css样式进行布局。以往的table布局是不推荐使用 ...
分类：
Web程序 时间：
2016-08-16 21:42:56
阅读次数：
234
一个块级元素如果没有设置height，那么其高度就是由里面的子元素撑开，如果子元素使用浮动，脱离了标准的文档流，那么父元素的高度会将其忽略，如果不清除浮动，父元素会出现高度不够，那样如果设置border或者background都得不到正确的解析 清除浮动的方式： 1)在浮动元素下加子元素<div c ...
分类：
其他好文 时间：
2016-08-14 22:02:49
阅读次数：
102
absolute:当使用时，表示在文档流中没有实际存在位置（浮动），在不设置任何方位值时，只能按兵不动，当设置了方位值之后，会紧接着去寻找距离最近的能够将它包含住的父级元素，然后进行定位。 relative:当使用时，表示在文档中确实占有一定的空间，在不设置任何方位值时，会出现在应该出现的位置（空间 ...
分类：
Web程序 时间：
2016-08-14 17:30:20
阅读次数：
154
作为前端人员，我们就是要与各种超文本标记打交道，用到各种不同的标签元素。在使用的时候不知道有没有注意到他们的分类归属？现在就来说一说博主的见解: 目前博主总结了三种分类方法：一是按封闭来划分，一是按显示内容来划分，一是按文档流来划分。 一、按封闭可分为双标签和单标签。 双标签也就是封闭标签，我们经常 ...
分类：
Web程序 时间：
2016-08-14 15:59:44
阅读次数：
150
相信每个初学html5的童鞋都或多或少的对float浮动这一属性迷茫过，下面让我来为大家列举一下关于浮动的特性。 一、浮动元素会脱离文档流 何为脱离文档流？假设我们在纸上写字，每一个字代表一个元素，我们让其中的一个字原地漂浮起来，那么我们会说这个字脱离了原先的位置，即脱离了文档。当我们给一个元素加入 ...
分类：
Web程序 时间：
2016-08-10 22:41:48
阅读次数：
245
动态创建元素的三种方式： 1、document.write()： a、写在函数里面的话,会冲刷掉之前的页面元素,所以一般不用或是少用； b、会打开document.open()或关闭document.close()文档流； c、文档流: 默认的浏览器的加载顺序是从上往下依次加载的,把当前页面加载完毕 ...
分类：
Web程序 时间：
2016-08-10 06:32:26
阅读次数：
212
一、定位类型（position值static（默认值）、relative（相对定位）、absolute（绝对定位）、fixed（固定定位）） 1.静态定位：表示正常定位方案 2.相对定位：将移动元素盒子，但是它在文档流中的原始空间会保留下来 3.绝对定位：是指元素盒子彻底从文档流中脱离，相对于容器块 ...
分类：
其他好文 时间：
2016-08-06 20:36:50
阅读次数：
129
最近学习了float这个属性，float可以让元素浮动起来，浮动起来的元素脱离原来的排列层面（未完全脱离文档流），处于上方。float的确让元素的布局变得简单，但是也同样给浮动起来的元素地父级带来一些问题。子级元素浮动起来后，不再默认继承父级的宽高，而父级也检测不到子级的内容。 解决这个问题的方法就 ...
分类：
其他好文 时间：
2016-08-06 20:30:59
阅读次数：
201
网页中各个元素的布局，一般是根据文档流自上而下进行布置。如果想要实现一些独特的布局，则需要进行相应的CSS设置。（position , margin , padding ，float ） 网络上流传的布局方案，一般都涉及 清除浮动 。 所以这又是什么含义，怎么实现呢？ |--Position--| ...
分类：
移动开发 时间：
2016-08-05 13:56:39
阅读次数：
242
