大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全家桶1年46,售后保障稳定
在网页中,元素有三种布局模型:
1、流动模型(Flow)
default,就是块级元素都自上而下的分布,宽度都为100%。内联元素都从左到右水平分布。
2、浮动模型 (Float)
div、p、table、img 等元素都可以设置为浮动。两个 div 显示在一行的代码如下:
div{
width:200px;
height:400px;
border:2px red solid;
float:left;
}
3、层模型(Layer)
层模型有三种形式:
(1)绝对定位(position: absolute)
div{
width:200px;
height:400px;
border:2px red solid;
position:absolute;
left:100px;
top:50px;
}
(2)相对定位(position: relative)
(3)固定定位(position: fixed)
层模型中,各元素可能出现堆叠。堆叠顺序可以用z-index控制,z-index大者在上。z-index相同时,根据CSS声明顺序,靠后者在上。
[1] http://www.5idev.com/p-css_z_index.shtml
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/219172.html原文链接:https://javaforall.net
