web窗体页面有哪些两种布局面模式特点分别是什么
1个回答
关注
展开全部
咨询记录 · 回答于2024-01-04
web窗体页面有哪些两种布局面模式特点分别是什么
web窗体页面有哪些两种布局方式,其特点分别是什么?
流动布局(html网页默认的布局方式)特点:
1. 块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%。
2. 内联元素都会在所处的包含元素内从左到右水平分布显示。(内联元素可不像块状元素这么霸道独占一行)
浮动布局(float)特点:默认布局下,块状元素这么霸道都是独占一行,如果现在我们想让两个块状元素并排显示。就需要使用float来实现。如下:
层模型特点:如果我想一个div在另外一个div的上面,我们就需要可以使用绝对定位来完成,层模型的三种定位方式relative、absolute、fixed,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。
希望对你有所帮助!