HTML网页布局方式
2015-01-15 21:26
246 查看
HTML网页布局三大方式
提到网页布局方式,相信大家都知道有三种吧。
第一种:普通流(即我们常说的“标准文档流”)
特点:其中元素像瀑布一般一个个地排列;
第二种:浮动--float
特点:1)、包裹性--应用了浮动的元素将会脱离标准文档流,不受其他元素的影响,也不会影响其他元素。并且该元素的宽高都会仅仅包裹住内容而已。
2)、破坏性--应用了浮动的元素将会使其父亲容器的高度塌陷,也就是不再撑起父容器的高度。
第三种:定位--positon
特点:1)、相对定位:元素相对于自己本来的位置进行偏移,在浏览器中位置的确发生了变化,但对于其他元素就好像该元素位置并没有改变。
2)、绝对定位:元素相对于祖先元素直至HTML进行偏移,该元素将会脱离标准文档流,同时具备“包裹性”和“破坏性”。
3)、固定定位:其实它也是绝对定位的一种,只是它相对的父容器是浏览器窗口。
4)、静态定位:即不设置任何position属性值。
提到网页布局方式,相信大家都知道有三种吧。
第一种:普通流(即我们常说的“标准文档流”)
特点:其中元素像瀑布一般一个个地排列;
第二种:浮动--float
特点:1)、包裹性--应用了浮动的元素将会脱离标准文档流,不受其他元素的影响,也不会影响其他元素。并且该元素的宽高都会仅仅包裹住内容而已。
2)、破坏性--应用了浮动的元素将会使其父亲容器的高度塌陷,也就是不再撑起父容器的高度。
第三种:定位--positon
特点:1)、相对定位:元素相对于自己本来的位置进行偏移,在浏览器中位置的确发生了变化,但对于其他元素就好像该元素位置并没有改变。
2)、绝对定位:元素相对于祖先元素直至HTML进行偏移,该元素将会脱离标准文档流,同时具备“包裹性”和“破坏性”。
3)、固定定位:其实它也是绝对定位的一种,只是它相对的父容器是浏览器窗口。
4)、静态定位:即不设置任何position属性值。
相关文章推荐
- HTML网页布局方式总结 |有码有真相|
- HTML结构化:实践DIV+CSS网页布局入门指南
- HTML结构化:实践DIV+CSS网页布局入门指南
- DIV+CSS常用的Html网页布局代码
- HttpWebRequest 下载网页Html代码 POST方式(站内使用了form方式) System.Net.WebException (417) Expectation failed
- HttpWebRequest 下载网页Html代码 下载文件(Remote和FTP)Get方式
- C#如何读取post方式的网页的HTML代码?
- HTML与CSS教学-第十一章 使用CSS样式完成网页布局
- WEB标准网页布局中尽量不要使用的HTML标签
- WEB标准网页布局中尽量不要使用的HTML标签
- 网页布局代码html部分
- HTML结构化:实践DIV+CSS网页布局入门指南
- XHTML教程 CSS网页布局中HTML标签的语义(二)
- DIV CSS网页布局:HTML结构化 DIV CSS网页布局入门指南
- 不要使用的HTML标签(WEB标准网页布局)
- HTML结构化:实践DIV+CSS网页布局入门指南
- HTML结构化:实践DIV+CSS网页布局入门指南
- HTML结构化:实践DIV+CSS网页布局入门指南
- 合理利用HTML标记优化网页布局
- html网页中load载入图片的方式