900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html怎么使两个div模块并列居中 css怎样让两个div重叠 怎么让整个div居中

html怎么使两个div模块并列居中 css怎样让两个div重叠 怎么让整个div居中

时间:2020-08-29 20:52:02

相关推荐

html怎么使两个div模块并列居中 css怎样让两个div重叠 怎么让整个div居中

css怎样让两个div重叠CSS如何使两个div重叠,css使两个div重叠的方法:首先,使用[position:absolute]属性为div设置绝对定位;然后使用z-index属性确定哪个div在顶层。z-index属性用于指定元素的堆叠顺序。

环境:

本文适用于所有品牌的电脑。

重要属性介绍:

位置属性指定元素的定位类型。

(学习视频分享:css视频教程

属性值:

绝对生成一个绝对定位的元素,该元素相对于除静态定位之外的第一个父元素定位。元素的位置由“左”、“上”、“右”和“下”属性指定。

相对生成一个相对定位的元素,该元素相对于其正常位置定位。因此,“LEFT:20”在元素的左边位置增加了20个像素。

z-index属性指定元素的堆叠顺序。堆叠顺序较高的元素总是在堆叠顺序较低的元素之前。

属性值:

自动默认。堆叠顺序等于父元素。

Number设置元素的堆叠顺序。

Inherit指定z-index属性值应该从父元素继承。

代码实现:

Html代码:

div id=’img_head ‘

img src=’ img/home page logo . png ‘ class=’ head ‘

/div

div id=’img_head_back ‘

img src=’ img/background . png ‘ class=’ back ‘

/divcss代码:

#img_head{

border: 1px固体# FF0000

position:absolute绝对值;

width:210px

height: 210px

z-index : 20;

left:600px

top:170px

text-align:中心;

{}

#img_head_back{

border: 0px实心# FF0000

position:absolute绝对值;

width: 210px

height: 210px

left:600px

top:170px

z-索引:10;

}相关推荐:以上css教程是CSS如何让两个div重叠的详细内容。请多关注其他关于 PHP知识的相关文章!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。