关于定位要弄清一个概念,那就是"文档流"什到是文档流 说得简单一点 就是 自上而下 从左到右生成顺序关于html元素又分为两种 块状元素 内联元素块状元素：单独占一行内联元素: 撑完了在到下一行有时候我们需要 相同的div在一行 所以就用到float但是有时候需要把某个元素 放在特定的元素的位置但又...
分类：
Web程序 时间：
2015-06-18 13:30:16
阅读次数：
184
Positioning(定位)CSS定位属性允许你为一个元素定位。它也可以将一个元素放在另一个元素后面，并指定一个元素的内容太大时，应该发生什么。元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法.有四种不...
分类：
Web程序 时间：
2015-06-07 18:51:21
阅读次数：
153
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><t..
分类：
Web程序 时间：
2015-06-01 20:46:10
阅读次数：
111
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><t..
分类：
Web程序 时间：
2015-06-01 20:45:53
阅读次数：
129
为了防止浏览器宽度变化影响内容的显示 通常会这样做 …… .wrapper { width:960px; margin:auto;}这样内容就有了一个固定的宽度 而且能居中显示当窗口宽度小于960px就要考虑响应式布局了CSS定位默认static布局 按照从上往下排列rela...
分类：
Web程序 时间：
2015-06-01 18:37:16
阅读次数：
143
到这里可以验证当使用`top` `right` `bottom` `left` ***（这四个属性可以设置具体的像素数也可以设置百分比）***这样属性改变元素的位置的时候，不会影响其他元素的位置。而使用`margin` 这样的属性改变元素的位置会影响其他元素的位...
分类：
Web程序 时间：
2015-05-29 23:08:10
阅读次数：
222
display 属性规定元素应该生成的框的类型。
这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 display 是绝对必要的。
浏览器支持
所有主流浏览器都支持 display 属性。
注释：任何版本的...
分类：
Web程序 时间：
2015-05-28 23:17:37
阅读次数：
407
引子：
在谈到css定位问题的时候先来看一个小问题:
已知宽度(假如:100px)div框,水平居中,左右两百年的分别使用div框填充.且左右div自适应.
效果如下图:
这个问题的难点主要是浏览器宽度未知,且两边div自适应宽度.
第一种实现方法,是借助css3的新属性calc,实现代码如下:
body {
margin: 0;
padding: 0;...
分类：
Web程序 时间：
2015-05-27 22:51:26
阅读次数：
294
CSS positionstatic 默认值，没有定位。元素框正常生成。块级元素生成一个矩形框，作为文档流(normal flow)的一部分，行内元素则会创建一个或多个行框，置于其父元素中。top,right,bottom,left,z-index属性无效。 W3C这样描述： ...
分类：
Web程序 时间：
2015-05-25 23:46:03
阅读次数：
200
