0

https://stackoverflow.com/questions/13568693/collapsed-wesite-template-when-i-mininize-the-browser。对不起我之前的无意义的问题。

我有一个 100% 宽度的 HTML 网站模板。该网页在完整的浏览器窗口中正确显示。但是我改变浏览器窗口的大小意味着整个设计都崩溃了。我认为故障在于 css html 和 body 标签。任何人都可以解决此错误。

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8"/>
    <title>title</title>

    <link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" />

</head>


<body>

    <header id="header">
        <hgroup>
            <h1 class="site_title"><a href="index.html">Admin</a></h1>
            <h2 class="section_title">Dashboard</h2><div class="btn_view_site"><a href="">View </a></div>
        </hgroup>
    </header> <!-- end of header bar -->

    <section id="secondary_bar">
        <div class="user">
            <p>John Doe (<a href="#">3 Messages</a>)</p>
            <!-- <a class="logout_user" href="#" title="Logout">Logout</a> -->
        </div>
        <div class="breadcrumbs_container">
            <article class="breadcrumbs"><a href="index.html">Admin</a> <div class="breadcrumb_divider"></div> <a class="current"></a></article>
        </div>
    </section><!-- end of secondary bar -->

CSS：

html, div, map, dt, isindex, form, header, aside, section, section, article, footer {  
    display: block;  
} 

html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
background: #F8F8F8;
font-size: 12px;
}

.clear {
clear: both;
}
4

1 回答 1

0

我仍然不确定你想要什么。但是，如果您不希望页面的宽度调整大小，那么您需要使用不会随窗口宽度变化的大小单位，例如 px 或 em，例如：

width: 1000px;
于 2012-11-27T04:42:32.713 回答