1

私は960.gsの初心者であり、960.gsとhtml5でいくつかの問題が発生しています。

私は次のことを試みています：画像は2グリッド単位にまたがり、同じ行にdivは5単位にまたがる必要があります（「行」がいっぱいであるため）、改行が続き、見出しが表示されます。私はそれを次のように試しました：

<div class="container_12">
    <header class="grid_12">
        <img src="nothing" class="grid_2 alpha"><div class="grid_5 suffix_5">SOMETHING</div>
        <h1 class="grid_2 omega">title</h1>
    </header>
</div>

960.gsの私の理解では、これは望ましい効果を生み出すはずです。実際にはそうではありません。1行に画像が表示され、divと見出しが互いに下に表示され、次の行に少しインデントされます。これは、div以外の要素を使用しているためですか？

よろしくお願いします！（ http://www.webdesignerdepot.com/2010/03/fight-div-itis-and-class-itis-with-the-960-grid-system/からたくさんの情報を入手しました）

4

1 に答える 1

1 
<div class="container_12">
<header>
    <div class="grid_9">
        <div class="grid_2 alpha">
            <img src="http://showbuzz.ru/wp-content/uploads/2009/09/dead_earners_9_wenn1642245.jpg" class="grid_2 alpha" />  
        </div>
         <div class="grid_7 omega">
           SOMETHING
         </div>
         <div class="grid_9 alpha omega">
             <h1>title</h1>  
         </div>
    </div>
  </header>

http://jsfiddle.net/TMAk7/

それはあなたのために働きますか？

于 2013-03-13T06:08:19.013 に答える