HTML+CSS基础设置div的top与left值无效

来源：互联网发布：linux 机器重启日志编辑：程序博客网时间：2024/05/17 07:50

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

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

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{            height:300px;            width:300px;            background-color:red;            top:100px;            left:100px;                    }    </style></head><body>    <div id="div1"></div>    <div id="div2"></div>    <!--我最初写的时候，就把id与class选择器的设置方式搞错了，结果木有效果--></body></html>

2、无效效果图

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{            height:300px;            width:300px;            background-color:red;            top:100px;            left:100px;            position:absolute;        }    </style></head><body>    <div id="div1"></div>    <div id="div2"></div>    <!--我最初写的时候，就把id与class选择器的设置方式搞错了，结果木有效果--></body></html>

2、效果图

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

0 0

HTML+CSS基础 设置div的top与left值无效

HTML+CSS基础设置div的top与left值无效