1

CSSで私はそのコードを作りました:

   body {
    background-color:#f3f3f3;
    max-width:1920px;
    min-width:1024px;
    margin:0 auto;

しかし、コンテンツからヘッダーを分離するために、それらの間に「バー」が必要です。

だから私は作った：

#zig {
max-width:100%;
background-image:url(../img/zig.png);
background-repeat:repeat-x;
height:25px;

しかし、バーは「無制限」にはならず、「1920px」に達するまで繰り返すだけです。どうにかしてそれを変更できますか? 置く

min-width:100%

うまくいきませんでした

4

1 に答える 1

0 
max-width:1920px; /* REMOVE ME */

何かを max-width 1920 にしたい場合は、(body の) コンテナーの子要素を使用します。

どのように #zag DIV がhtml, bodyビューポートの幅によって決定される全幅にまたがります。

#zag が DIV の場合 (絶対位置でも固定位置でもない場合)、高さだけを設定する必要があります。min-width:100%ブロックレベルの要素であるため、使用可能な幅全体に既に広がっているため、必要ありません。

html,body{height:100%;}
body{margin:0; font:16px/1 sans-serif;}

header, section, footer{
  display:block;
  margin: 0 auto;
  max-width: 400px;   /* you use 1920. 400 is for demo :) */
  background:#eee;
}

.zag{
  height: 50px;
  background:#0fb;
}
<header>HEADER</header>
<div class="zag">ZAG</div>
<section>SECTION</section>
<div class="zag">ZAG</div>
<footer>FOOTER</footer>

于 2016-04-30T19:38:18.883 に答える