Catch me if you can

1.htmldiv1div2-fatherdiv2div3www.baidu.comwww.baidu.comdiv42.css#div1{border:1px solid;width:100px;height:100px;background-color:#FF4400;}#div2-father{background-color:#9DD6C5;

接触html、和css时间也不短了，但每次用div+css布局的时候心里还是有点儿虚,有时候干脆就直接用table算了,很多时候用div会出现些不可预料的问题,虽然花费一定时间能够解决，但总不是个事，所以今天特地探索了下css+div的绝对定位和相对定位和文档流的关系。 文档流的概念    确切的说应该是文档文档流模型的机制，html的布局机制就是用文档流模型的，即块元素（

块级元素可以设置宽高的元素。默认情况下占一整行（独占一行），文档流左右的元素必须不占此行。内联元素就是文本的显示方式，宽高都不可设置，且宽度就是文字或者图片本身的宽度。内联元素不会独占一行，会像文本一样显示，也叫行内元素。两者转换Display:block; -------------------display:inline;常见块级元素di

1.一个大的div里面长宽给定，内部又存在一个新的div，这个div不能完全放在父div中。那么就会overflow。但是，这里overflow的部分对于与父节点平行的兄弟div中，在排版上可视为脱离文档流。或者说，可以这么简单的理解：父div设置了overflow:hidden。这个设计也体现了面向对象的特点：封装。对于内部节点的细节我不需要知道。我能看到的是你这个节点，而不是你的内部节