css - 试图强制一个 div 到页面顶部

Question

您好，必须将菜单栏放在页面的更下方，以便 javascript 加载幻灯片。

然后我尝试将菜单栏向上推。我可以输入绝对引用以便它显示在顶部吗？

#left, #middle, #right {
    background-color: inherit;
    color: inherit;
    float: left;
    padding-left: 10px;
    padding-right: 5px;
}

#left {
    width: 15%;
    min-width: 10em;
    padding-left: 5px;
    background: #fff; 
}


#middle {
    width: 80%;
    border-left: 3px dotted #999;; 
    background: #fff;
}

#header {
    width: 100%;
    background: #666;
}


#footer {
    clear: both;
    width: 100%;
    background: #fff;
}

#left2 {
    width: 15%;
    min-width: 10em;
    padding-left: 5px;
    background: #fff; 
    margin-top: -500px
}
#middle2 {
    width: 80%;
    border-left: 3px dotted #999;; 
padding top: 500px  
}

在 HTML 中

<div id="middle2">

<div id="left2">

Answer 1

虽然在您的代码中完全不清楚“菜单栏”是什么，或者哪个类可能适用于它，但在我看来您应该尝试在 CSS 中进行绝对定位

CSS:

.menubar
{
  position:absolute;
  top:20px;
  left:20px;
}

html:

<div id="some_menu_bar" class="menubar">
  your menu goes here
</div>