Html 为什么我的标题不包含滚动条

由于某些原因，我的标题没有考虑滚动条，而是将px添加到右侧。但只有我的头球

我没有CSS，但设置文本

我设置了媒体查询，因此我的头文件如下所示

/* Basic Header Styles
  ======================= */
header {

  /* Mobile Exlusive Styles
  ============================ */
  @media screen and (max-width: 767px) {

  }

  /* Ipad to Desktop Styles
  ============================ */
  @media screen and (min-width: 768px) {

  }

  /* Desktop to LG Styles
  ========================== */
  @media screen and (min-width: 992px) {

  }

  /* LG > Styles
  ================= */
  @media screen and (min-width: 1200px) {

  }

}

我的标题标记如下所示：

.header-logo
  %ul
    %li
      = image_tag 'https://s3-us-west-2.amazonaws.com/mikaimages/Logo.png', :alt => 'Tree Logo', :id => 'main-logo'

    %li
      %h1 Mika Kalathil
%nav
  %ul
    %li
      =link_to 'Home', root_path, :class => is_active?('home')

    %li
      =link_to 'About', about_path, :class => is_active?('about')

    %li
      =link_to 'Projects', projects_path, :class => is_active?('index')

    %li
      =link_to 'Contact' , contact_path, :class => "#{is_active?('contact')}"

---

这里是一个小提琴炫耀我目前的网站和正在发生的事情

您的

标题

具有

行

类，其中

左边距

和

右边距

：-15px。你可以删除这个类。对，我忘了我不再使用引导了，谢谢！你的CSS中确实有很多重复。你在里面复制了多少重设样式表？是的，我忘了删除引导，谢谢！bootstrap内置了重置功能，我正在使用一个，因为我应该删除BS！