CSS 27 贴在下方

2021-01-20 15:14

阅读:432

标签:tom   relative   div2   color   class   蓝色   otto   css   png   

步骤 1 : 

一个div始终贴在下方

首先把蓝色div设置为相对定位

然后把内部的绿色div设置为绝对定位, bottom: 0表示贴在下面

style>
     #div1
        {
            position: relative;
            height: 300px;
            width: 90%;
            background-color: skyblue;
        }
        #div2
        {
            position: absolute;
            bottom: 0;
            height: 30px;
            width: 100%;
            background-color: lightgreen;
        }
    style>
 
div id="div1">
    div id="div2"> 无论蓝色div高度如何变化,绿色div都会贴在下面
    div>
div>

技术图片

 

CSS 27 贴在下方

标签:tom   relative   div2   color   class   蓝色   otto   css   png   

原文地址:https://www.cnblogs.com/JasperZhao/p/13307675.html


评论


亲,登录后才可以留言!