1
UPDATE:width:100%の要素がdiv class = "container"要素の内側にあるためです。それを削除すると問題が解決しました! (自分自身でまだ質問に答えるのに十分な担当者がいないが、ただ解決したことを視聴者に伝えたいだけだ) CSS。私はクラスbigBox
のようにページの幅の100%を埋めることができません(右に100%を埋めますが、左側の他のコンテンツと揃えています)。100%幅の背景のみが右側に塗りつぶされます
これを動作させるにはどうすればよいですかそれは意図された方法ですか?ありがとう!
<head>
<title>Hello</title>
<!-- screen is default blueprint framework file -->
<link rel="stylesheet" href="screen.css" type="text/css" media="screen, projection" />
<!-- import custom styles -->
<style>
#topmenu {float:right; margin-top: 50px; /*margin-right: -30px;*/}
#topmenu ul {list-style: none outside none; }
#topmenu ul li { display: inline; }
#topmenu ul li a { text-decoration: none;
padding: 5px;}
#topmenu .last { padding-right: 0px; }
#topmenu .current { font-weight: bold; }
.bigBox { width: 100%; position: absolute;
background-color: blue; height: 430px;
}
</style>
</head>
<body>
<div class="container">
<!-- logo -->
<div class="span-12">
<h1>Hello World</h1>
</div>
<!-- top menu -->
<div class="span-12 last">
<nav id="topmenu">
<ul>
<li class="current"><a href="">Option 1</a></li>
<li><a href="">Option 2</a></li>
<li><a href="">Option 3</a></li>
<li class="last"><a href="">Option 4</a></li>
</ul>
</nav>
</div>
<br class="clear"/>
<div class="bigBox">
<div class="span-14">
<h2>Content Left</h2>
</div>
<div class="span-10 last">
<h2>Content Right</h2>
</div>
</div>
</div>
</body>
これに答えるには十分な担当者がいなければなりません。 :) –