当前位置: 首页 > 知识库问答 >
问题:

需要样式化标记的帮助

贺高飞
2023-03-14

null

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Technology-BBC News
  </title>
  <style>
    body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
    }
    
    #topbar {
      width: 1265px;
      margin: 0 auto;
      height: 40px;
      background-color: #FFFFFF;
    }
    
    #logo {
      margin-top: 8px;
      width: 85px;
      float: left;
      margin-right: 15px;
    }
    
    .topbar-section {
      float: left;
      border-left: 1px solid #CCCCCC;
      height: 100%;
    }
    
    #signin-img {
      width: 22px;
      margin-top: 11px;
      margin-left: 11px;
      float: left;
    }
    
    #signin-text {
      /* margin-top: 100px; */
      position: relative;
      top: 10px;
      left: 8px;
      font-weight: 600;
      font-size: 13px;
      padding-right: 50px;
    }
  </style>
</head>

<body>
  <div id="topbar">
    <img id="logo" src="images/BBC_logo.png" alt="logo">
    <div id="singin" class="topbar-section">
      <img id="signin-img" src="images/signin.png" alt="">
      <span id="signin-text"> Sign in</span>
    </div>
  </div>
  -
</body>

</html>

null

这里,我试图给#signin-text提供边距,但它不起作用...我使用的定位有效,但margin-top不起作用。请告诉我为什么#signin-text中的margin-top属性不起作用。这是我在stackoverflow中的第一个问题,如果问题问错了,请原谅。:)

共有1个答案

苗康平
2023-03-14

由于您将css属性topmargin-top一起使用,因此它将不起作用。与position属性一起使用时,top始终优先于margin-top。查看https://www.w3schools.com/css/css_positioning.asp以获得参考。尝试使用top100px

 类似资料:
  • 在我当前的项目中,我正在使用Maven和Spring。我目前正在使用SLF4J记录器来记录服务。代替它,我想使用OWASP-ESAPI记录器。我不想使用安全性,只是日志服务。有人能指导我如何使用记录器,用最少的努力替换slf4j记录器吗?我尝试了很多谷歌搜索,但没有任何帮助。我也会非常感谢一些链接来获得有关记录器的知识。

  • 我试图写一个代码为每个股票价值是75美元或更多添加一个"*"在STK_FLAG列。 ORA-06550:第15行,第21列:PLS-00201:标识符“STK\U FLG”必须声明ORA-06550:第15行,第5列:PL/SQL:SQL语句忽略ORA-06550:第23行,第7列:PL/SQL:ORA-00904:“STK\U FLG”:无效标识符ORA-06550:第17行,第5列:PL/SQ

  • 你能帮我在jrxml中设置或更改哪些属性以获得相同的PDF输出吗?

  • 问题内容: 我想我对使用Redis的所有命令都有很好的了解,但是我很难确定使用它的最佳方法。我正在设计一个客户通知系统,当他们的任何电路出现警报时,都会通过他们的首选方法(电子邮件,SNMP,Syslog)通知他们。 这样,我得到一个设备名称和一个端口。我需要将其与一个客户相关联,然后将该客户与一种交付方式相关联。使用关系数据库时,看起来可能像这样: (大大简化了示例)。 我可以看到如何使用列表哈

  • 如何删除旧标记,但它仍然可以更新我在地图中的最新位置 @覆盖地图上的公共空白(谷歌地图谷歌地图){

  • 我正在重构前一段时间编写的一些代码,试图通过实现一些设计模式使其更加可靠。具体来说,我尝试使用构建器模式实例化GUI对象。 以下是“产品”的代码: 这是“混凝土建造者”的代码: 以及“抽象生成器”接口的代码: 现在,这里是“Director”的当前工作构建方法: 酷,那有什么问题吗?好吧,这可能最终无关紧要,但这是我对该方法的实际首选实现: 看看它看起来有多干净?唯一的问题是JetBrains无论