CSS百分比实现页面自适应 positioo:absolute

最新推荐文章于 2021-08-16 16:15:06 发布

Do_It_Better

最新推荐文章于 2021-08-16 16:15:06 发布

阅读量522

点赞数

分类专栏： CSS要点

本文链接：https://blog.csdn.net/chose_DoIt/article/details/88532461

版权

CSS要点专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<body>


<div id="container"> 
<img> // 背景图 width:100%,vertical-align:top

    <div id=".content">
        <div id="bunner"></div>
    </div>

</div>


<style>
#container{
    position:reletive
    width:100%
}
#content{
    //全屏
    position:absolute;
    top:0
    left:0
    height:100%
    width:100%
}
#bunner{
    // 在全屏的content内，用百分比做单位，可实现自适应
    width:80%;
    height:80%;
    margin:18%;
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Do_It_Better

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS百分比实现页面自适应 positioo:absolute

&lt;body&gt;&lt;div id="container"&gt; &lt;img&gt; // 背景图 width:100%,vertical-align:top &lt;div id=".content"&gt; &lt;div id="bunner"&gt;&lt;/div&gt; &lt
复制链接

扫一扫