0

https://stackoverflow.com/questions/13568693/collapsed-wesite-template-when-i-mininize-the-browser。以前の無意味な質問でごめんなさい。

100%幅のHTMLWebサイトテンプレートがあります。Webページはブラウザウィンドウ全体に正しく表示されます。しかし、ブラウザウィンドウのサイズを変更すると、デザイン全体が折りたたまれます。障害はcsshtmlと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 に答える