-1

在我的网站上有 3 个重要部分

  1. 顶栏（必须保持在顶部，不固定，40px 高度，100% 宽度）

  2. 时间线始终浮动到主区域的左侧，时间线不可调整大小，大小中性

  3. 主区域随窗口调整大小，它是水平滚动的，因此只要您仍然可以保持向右/向左滚动，它就可以是小宽度

这是我到目前为止的进展......

JSFiddle

我的问题：

  1. 顶栏子元素未对齐。就像那些简单的输入/文本位于顶部栏的底部并且其中一部分被隐藏了，这不会在删除图像时发生？我需要顶部栏始终保持内联元素垂直居中并且从不调整高度

  2. 我无法让时间线和主要区域占据剩余的高度，我将它们设置为 800 像素，因为没有任何工作。

width: 100%; height: 100% !important; margin: 0px;

4

3 回答 3

0

对于#1，您可以通过添加以下内容轻松修复它：

vertical-align: middle;

到你的图像类。

所以你会有：

.wtblogo {
    height: 40px;
    vertical-align: middle;
}

对于＃2，我不确定您要做什么。你能澄清一下吗？

于 2013-10-03T05:09:23.707 回答
0

对于您的顶部栏，只需浮动您的图像：

.wtblogo {
    float:left; /* Add this to your current CSS */
}

并添加一个等于您的顶栏高度的行高，以垂直对齐其中的对象：

.top_bar {
    line-height: 40px; /* Add this to your current CSS */
}

我不确定你对第二个问题的意思。

于 2013-10-03T03:52:53.523 回答
0

我添加了一个填充并检查了你的小提琴它看起来好多了。这就是你所追求的吗？

.top_bar
{
    z-index:100;
    width:100%;
    height:40px;
    max-height:40px !important;
    background-color:#ffff00;
    color:black;
    padding:40px;
    overflow: auto;
}
于 2013-10-03T03:16:34.753 回答