<div align=“align=”顶部“左”>不工作

Question

当我使用它时，将div放在顶部和中间。

HTML

​

<div align="center">
  <div style="max-width:800px">
    <div>
      <div>
        <div style="CLEAR: none; BORDER-RIGHT: black 1px solid; BORDER-LEFT: black 1px solid" class="Header" align="center">
          <div class="Banner">

            <div style="max-width:100%">
              <div>
                <div>
                  <div align="top" align="left">
                    <a class="BannerText" href="https://web.archive.org/web/20060528010436/http://www.roblox.com:80/Default.aspx">ROBLOX.com</a></div>
                  <div align="center" style="max-width:300px">
                    <a href="https://web.archive.org/web/20060528010436/http://www.roblox.com/Default.aspx" blankurl="/Thumbs/Blank.ashx?x=311&amp;y=45" imageurl="/images/logo_pure_alpha.png" style="display:inline-block;BEHAVIOR:url(/web/20060528010436im_/http://www.roblox.com/UI/Image.htc);cursor:hand;"></a>
                  </div>
                  <div align="right"><span class="BannerText">
                                                <a class="BannerText" href="https://web.archive.org/web/20060528010436/http://www.roblox.com:80/Login/New.aspx">Sign Up</a></span></div>
                </div>
              </div>
            </div>

          </div>
        </div>
      </div>

​

CSS

.Header
{
    font-size: 14px;
}

.Banner
{
    PADDING: 8px;
}
.BannerText
{
    font-weight: bold;
    color: white;
}
a.BannerText:link, a.BannerText:visited, a.BannerText:active
{
    text-decoration: none;
    COLOR: white; 
}      
a.BannerText:hover
{
    text-decoration: underline;
    COLOR: white; 
}

我试着编辑并搜索它，但一无所获。这是我在返程机器https://web.archive.org/web/20060528010436/http://www.roblox.com:80/上找到的旧HTML代码，我发现旧的标题很有趣，我想把它用于我的项目。即使我将其更新为HTML5代码，我也不知道使用表而不是头标记是否会损害站点优化/seo

Answer 1

不建议使用对齐属性。。使用CSS top和left属性以及position: fixed属性。阅读有关CSS定位这里的更多信息。

​

<div align="center">
  <div style="max-width:800px">
    <div>
      <div>
        <div style="CLEAR: none; BORDER-RIGHT: black 1px solid; BORDER-LEFT: black 1px solid" class="Header" align="center">
          <div class="Banner">

            <div style="max-width:100%">
              <div>
                <div>
                  <div style="position:fixed;top:0;left:0;">
                    <a class="BannerText" href="https://web.archive.org/web/20060528010436/http://www.roblox.com:80/Default.aspx">ROBLOX.com</a></div>
                  <div align="center" style="max-width:300px">
                    <a href="https://web.archive.org/web/20060528010436/http://www.roblox.com/Default.aspx" blankurl="/Thumbs/Blank.ashx?x=311&amp;y=45" imageurl="/images/logo_pure_alpha.png" style="display:inline-block;BEHAVIOR:url(/web/20060528010436im_/http://www.roblox.com/UI/Image.htc);cursor:hand;"></a>
                  </div>
                  <div align="right"><span class="BannerText">
                                                <a class="BannerText" href="https://web.archive.org/web/20060528010436/http://www.roblox.com:80/Login/New.aspx">Sign Up</a></span></div>
                </div>
              </div>
            </div>

          </div>
        </div>
      </div>

​

使用内联CSS样式属性会伤害我的身体。我本想上一堂课的，但有东西告诉我你在找一个快速修复的方法。请学习一些基本的html和css教程。