HTML网页布局方式
来源:互联网 发布:淘宝哪家羽绒服是正品 编辑:程序博客网 时间:2024/06/06 10:17
HTML网页布局三大方式
提到网页布局方式,相信大家都知道有三种吧。
第一种:普通流(即我们常说的“标准文档流”)
特点:其中元素像瀑布一般一个个地排列;
第二种:浮动--float
特点:1)、包裹性--应用了浮动的元素将会脱离标准文档流,不受其他元素的影响,也不会影响其他元素。并且该元素的宽高都会仅仅包裹住内容而已。
2)、破坏性--应用了浮动的元素将会使其父亲容器的高度塌陷,也就是不再撑起父容器的高度。
第三种:定位--positon
特点:1)、相对定位:元素相对于自己本来的位置进行偏移,在浏览器中位置的确发生了变化,但对于其他元素就好像该元素位置并没有改变。
2)、绝对定位:元素相对于祖先元素直至HTML进行偏移,该元素将会脱离标准文档流,同时具备“包裹性”和“破坏性”。
3)、固定定位:其实它也是绝对定位的一种,只是它相对的父容器是浏览器窗口。
4)、静态定位:即不设置任何position属性值。
- HTML网页布局方式
- HTML网页布局方式总结 |有码有真相|
- html网页布局
- html网页布局总结
- 网页的布局方式
- css/网页布局方式
- 网页布局方式
- HTML页面布局方式
- html 布局方式
- 网页布局代码html部分
- HTML嵌套表格布局网页
- 基本的html网页布局
- html网页布局之大盒套小盒布局
- html+css----css布局方式
- Html加载网页的方式
- HTML 用 CSS 实现网页布局
- 合理利用HTML标记优化网页布局
- Html+Css 退出网页样式布局文件
- 360ie7模式下的一个兼容
- JAVA学习路线
- 字符串判断子串存在性
- Shader-应用V&F实现透明材质
- hibernate连接据库的设置
- HTML网页布局方式
- HTTP错误500.19解决方案
- 理解---Android 向右滑动销毁(finish)Activity, 随着手势的滑动而滑动的效果(大神博客)
- Android 颜色选择器之ColorPickerDialog剖析
- 浅谈多线程编程
- 【linux教程】rpm包制作指南
- 终端下Vim使用VimIm插件时按<CTRL-^>和<CTRL-_>无反应或完全无法使用的解决方法
- C#中的单元测试
- python上下文管理器及with语句