的DIV在父DIV重叠时调整

我不是一个真正的冠军，当涉及到CSS，所以我希望我能得到一些帮助。的DIV在父DIV重叠时调整

现在我有一个父格有两个孩子的div。目前，无论何时调整浏览器大小，两个div都相互重叠。我希望左边的div始终可见。

它可以在行动被视为在这里：http://unlimitedbrettworks.com/forums/

CSS：

#header { 
    position: relative; 
    height: 140px; 
    overflow: hidden; 
    background-color: #E1E1E1; } 
#logo a { 
    overflow: hidden; 
    float: right; 
    width: 620px !important; 
    height: 190px !important; 
    cursor: pointer; 
    background: url(../images/art/logo.png) no-repeat; 
} 
#userarea { 
    float: left; 
    margin: 0 1em; 
    padding: 1.5em 1em 0 1em; 
    text-align: left; 
    font-size: 0.95em; 
    width: 38em; 
    color: #313131; 
    font-family: tahoma, sans-serif; 
    line-height: 130%; 
} 
#userarea a:link, #userarea a:visited { 
    color: #333333; 
} 
#userarea a:hover { 
    color: #800000; 
    text-decoration: underline; 
}

来源

2013-03-15 KazukiMutou

只是有点建议下次，总是使用静态容器。它是一个固定宽度（比较喜欢960像素）的网站容器，所以网站总是960像素，你的屏幕有多大或多小。 – 2013-03-15 10:44:45

谢谢你的建议。事情是，我没有创建这个论坛风格。我只是编辑东西。 – KazukiMutou 2013-03-15 10:51:16

#header { 
    position: relative; 
    height: 140px; 
    overflow: hidden; 
    background-color: #E1E1E1; } 
#logo a { 
    overflow: hidden; 
    float: right; 
    width: 620px !important; 
    height: 190px !important; 
    cursor: pointer; 
    background: url(../images/art/logo.png) no-repeat; 
} 
#userarea { 
    float: left; 
    margin: 0 1em; 
    padding: 1.5em 1em 0 1em; 
    text-align: left; 
    font-size: 0.95em; 
    width: 38em; 
    color: #313131; 
    font-family: tahoma, sans-serif; 
    line-height: 130%; 
    height: 122px; /* is value is the height min the padding you use.*/ 
} 
#userarea a:link, #userarea a:visited { 
    color: #333333; 
} 
#userarea a:hover { 
    color: #800000; 
    text-decoration: underline; 
}

这是第一个问题。第二个是你的css文件中的第128行。

div#wrapper 
{ 
    margin: 0 auto; 
    min-width: 764px; 
    max-width: 2300px; 
    border: 10px solid #333333; 
}

需要的是：

div#wrapper 
{ 
    margin: 0 auto; 
    min-width: 1024px; 
    max-width: 2300px; 
    border: 10px solid #333333; 
}

来源

2013-03-15 10:40:45

编辑CSS。现在，当我调整浏览器大小时，徽标完全消失。 – KazukiMutou 2013-03-15 10:49:12

是的，你说过“我希望左边的div始终可见”。如果标识没有足够的位置，你想要做什么？ – 2013-03-15 10:57:47

为您的第二个问题发布了解决方案。这将有所帮助;） – 2013-03-15 11:01:26

我去你的网站，并与Chrome的督察出场，并找到了答案。

尝试增加这些属性#userarea：

#userarea { 
    position: absolute; 
    background-color: #E1E1E1; 
    height: 100%; 
}

希望这有助于

来源

2013-03-15 10:41:25 haejeong87

这错误地对齐了userarea中的所有文本。 – KazukiMutou 2013-03-15 10:48:41

奇怪的是，它在Chrome上适合我。 http://jsfiddle.net/DVpzp/出于好奇，你使用了什么浏览器？ – haejeong87 2013-03-15 12:57:21

对不起，我没有得到你的问题......在你的网页链接的#userarea格始终可见即使您调整了窗口大小。

要看到#logo DIV完全，请从父DIV的#header的“高度”属性，它会在新行如果窗口不够大。

来源

2013-03-15 10:42:05 DocKuro

的DIV在父DIV重叠时调整

回答

相关问题