lrBT的单位

lrBT的单位

在设置除了static之外的定位时,设置top,left,right,bottom为固定值时如 left:20;用不用加px单位?
我看视频里老师没加,可以实现效果,但我自己做题时不加单位不能实现偏移,为什么?

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

你好同学,top,left,right,bottom为固定值的时候需要加单位,老师在视频中演示也是加上单位的,如下:

http://img1.sycdn.imooc.com/climg/5cb54c3e0001f82715370760.jpg

如果不加单位,浏览器解析时,会把它当成无效的属性,所以不会起效果。可以去掉单位按F12查看:

http://img1.sycdn.imooc.com//climg/5cb54d470001a3e615920388.jpg

希望解答了你的疑惑, 祝学习愉快 ,望采纳。

  • 原来是晓琪_ 提问者 #1
    老师如果是0是不是加不加单位都行?
    2019-04-16 11:41:58
提问者 原来是晓琪_ 2019-04-16 11:18:35

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    *{
      padding: 0;
      margin: 0;
    }
    .test{
      width: 100px;
      height: 100px;
      background: red;
      /*此处写代码*/
      position:absolute;
      right: 200px;
      bottom: 100px;
          }
  </style>
</head>
<body>
  <div class="test"></div>
</body>
</html>

ude 2019-04-16 11:16:46

不需要加啊。你是不是哪里写错了,把代码贴上来看看/

  • 提问者 原来是晓琪_ #1
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ padding: 0; margin: 0; } .test{ width: 100px; height: 100px; background: red; /*此处写代码*/ position:absolute; right: 200px; bottom: 100px; } </style> </head> <body> <div class="test"></div> </body> </html>
    2019-04-16 11:18:13
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师