HTML+CSS基础 不会随着滚动条变化的固定在右下角的div块

来源:互联网 发布:java运算类型 编辑:程序博客网 时间:2024/05/16 03:19

镇场诗:慈心积善融学习,技术誓为大家学。善心速造多好事,前人栽树后乘凉。我今于此写经验,愿见文者得启发。

——————————————————————————————————————————————————————————


1、代码
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title><meta charset="utf-8" />    <style type="text/css">        #div1{            background-color:aquamarine;            position:fixed;                        height:100px;            width:100px;                        right:0px;            bottom:0px;        }    </style></head><body>    <div id="div1"> </div>    <p>1</p>    <br /><br /><br /><br /><br /><br />    <br /><br /><br /><br /><br /><br />    <p>2</p>    <br /><br /><br /><br /><br /><br />    <br /><br /><br /><br /><br /><br />    <p>3</p>    <br /><br /><br /><br /><br /><br />    <br /><br /><br /><br /><br /><br />    <p>4</p>    <p>5</p>    <p>6</p>    <p>7</p>    <p>8</p>    <p>9</p>    <p>10</p></body></html>




2、效果图






——————————————————————————————————————————————————————————
感恩帮助过我的人。博客的精髓在技术部分,更在镇场一诗。
因为心有着无数技术誓愿学的意识,所以着手学习HTML与CSS。
如果您认为有可改进的地方,有错误的地方,请留下评论,我会处理的。
注:如果我的博文无意中侵犯了您的权益,请告知。看到您的告知后,我将及时作出处理。
0 0
原创粉丝点击