Question

我目前正在开发一个简单的天气小工具，但是在定位一些div方面遇到了一些麻烦。我今天刚刚开始使用CSS（但有其他编程语言的经验）。它需要100像素，我不知道为什么它会被关闭。

   <style>
      #weather
      {
        position: relative;
        width: 100%;
        height: 275px;

        margin-left: auto;
        margin-right: auto;
        text-align: center;

        background-color: rgba(32,32,32,0.5);

        border-style: solid;
        border-width: 1px;
        border-color: rgba(32,32,36,0.7);

        border-radius: 5px;
      }

      #temp
      {
        position: relative;
        width: 15%;
        height: 50;
        top: 30px;

        margin-left: auto;
        margin-right: auto;
        text-align: center;
      }

      #wind
      {
        position: relative;
        width: 75%;
        height: 50;
        top: 30px;

        margin-left: auto;
        margin-right: auto;
        text-align: center;
      }

      #desc
      {
        position: relative;
        width: 75%;
        height: 50;
        top: 30px;

        margin-left: auto;
        margin-right: auto;
        text-align: center;
      }
    </style>

以下是定位错误发生的页面：http://www.thenorthcoastoutpost.com/lake

非常感谢任何有关定位div / text的帮助或提示。我尝试过多个网站，但CSS代码有所不同，但似乎都没有帮助。

提前致谢。

Answer 1

要解决此问题，您需要更改一些内容：

navigation ul{
  margin: 0;
}
navigation ul li{
  padding: 5px 1em;
}
#innerWrapper{
  margin: 0 auto;
}

您可以在CS元素中更改这些属性，或者复制并通过其他CSS代码下面的CSS代码。

垂直偏移嵌套Div

1 个答案: