1

如果我的浏览器变大，那么我的 div 标题宽度不会显示 100%。但我将 div 标题宽度设置为 100%。请有人能指出我在这里可能做错了什么吗？非常感谢。这是我的代码：

<!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>Welcome Page</title>
    <link rel="shortcut icon" href="image/icon.ico" >
    <link rel="StyleSheet" href="style/login.css" type="text/css"/>
        </head>
        <body>
            <div id="header">
            <div id="header_contain">
                <table width="100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="50%" style="font-size: 18pt; font-weight: bold">Hello</td>
                        <td width="50%" align="right" style="font-size: 18pt; font-weight: bold">What's Up!</td>
                    </tr>
                </table>
            </div>
            </div>
     </body>
    </html>

CSS代码

body
{
margin: 0px;
padding: 0px;
font-family: arial, helvetica, sans-serif;
font-size:10pt;
}

#header
{
width: 100%;
height: 85px;
background: #006666;
}

#header_contain
{
    color: white;
    width: 980px;
    height: auto;
    margin: 0px auto;
    padding-top: 30px;
}
4

4 回答 4

0 
#header
width: 100%;
height: 85px;
background: #006666;
position:fixed;
z-index:999;
top:0;}
于 2012-10-22T14:32:02.897 回答
0

我已经编辑了我的代码并对其进行了测试。

  1. HTML 代码：

    <div id="header" style="width:1500px;">
        <div id="header_contain" style="min-width:980px;">

            <table>
                <tr>
                    <td>
                        <div style="width:500px;">
                        Hie, Div1 Content Here.!!
                        </div>
                    </td>
                    <td>
                        <div style="width:500px;">
                        Hie, Div2 Content Here.!!
                        </div>
                    </td>
                    <td>
                         <div style="width:500px;">
                        Hie, Div3 Content Here.!!
                        </div>
                    </td>
                </tr>
           </table>

        </div>

        </div>

  2. CSS代码..类似这样的东西。

    html, body
{
 height: 100%;
 margin: 0px;
 padding: 0px;
 font-family: arial, helvetica, sans-serif;
 font-size:10pt;
 overflow:auto;
}

#header
{
 height: 85px;
 background: #006666;
}

#header_contain
{
color: white;
height: auto;
margin: 0px auto;
padding-top: 30px;
}

如果它对您有帮助，请不要忘记提高您的接受率。干杯。！！

于 2012-10-21T13:44:10.520 回答
0

我在 header_contain div 上使用了我已经在 head div 中使用过的相同颜色，这样我就解决了这个问题。

#header
{
width: 100%;
height: 85px;
background: #006666;
}

#header_contain
{
    color: white;
    width: 980px;
height: 85px;
background: #006666;
    margin: 0px auto;
    padding-top: 30px;
}
于 2012-10-23T20:56:56.347 回答
0

您需要将每个元素设置<div>为 100% 以上的宽度，包括<html>标签。

于 2012-10-21T13:40:24.893 回答