html - Divs 对齐问题

标签 html css

我有三个 Div。其中两个我已对齐为表格行的两个单元格,第三个我想向下显示。但是第三个 Div 在第二个 Div 结束后显示,我不想要。我想要第三个Div 即使用 id menu 在按钮 frontdesk 之后显示。这是使用的 css..

#wrapper {
display:table;
position:relative;
height:auto;
width: 100%;
}
#row {
display:table-row;
}
#first {
display:table-cell;
width:75%;
}
#second {
display:table-cell;
width:25%;
height:600px;
}
.menucss {
position:relative;
display:table-row;
width: 168px;
height:auto;
}

这是 fiddle 链接.. Fiddle .请帮我改正这个..谢谢..

最佳答案

尝试 position:absolute 与您的 .menucss 类即:

.menucss
{
 position:absolute;
 top:20px;
 width: 168px;
 height:auto;    
}

这是 fiddle Link

关于html - Divs 对齐问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26841855/

相关文章:

HTML5 不在 IE 中呈现 header 标签

javascript - onmouseover javascript 照片库

css - 如何将这个 material-ui 的选择列表与输入 block 的底线对齐?

html - 覆盖列表项 <li> 上的 Bootstrap 样式未按预期运行

javascript - 在 AngularJS 中修改 DOM

css - 页脚背景在 Internet Explorer 中出现两次

javascript - 计算父 div 中的子项并通过单击按钮直到最后一个子项删除每个子项

html - 为什么这个元素在 Firefox 中不呈现?

javascript - 如何根据ui-view设置一个变量?

css - Angular Material 步进悬停