1

グリッドシステムでサイトを作りたかった。（私はすでにそれを作ったので、それがどのように機能するか知っています/知っていました）

これは私のカスタム グリッドです: http://grids.heroku.com/grid.css?column_width=100&column_amount=8&gutter_width=15

ここで問題が発生します。クラスとして prefix_1 を配置しようとすると、何も起こらず、同じ場所にとどまります。そして、1 つの prefix_1 grid_3 と 1 つの grid_4 があります。1+3+4=8 です。私のグリッドは幅が 8 列なので、簡単に合わせる必要がありますが、そうではありません。 http://jsfiddle.net/gekkeabt/5LA82/

<div class="container_8">
<span id="download" class="prefix_1 grid_3"><a href="#"><b>Download</b> Leasy CMS</a></span>
<span id="download" class="grid_4"><a href="#"><b>Download</b> Macha Webserver</a></span>
<span id="about" class="prefix_2 grid_4 suffix_2"><a href="#"><b>About</b> Me</a></span>
</div>

コードを 100 回チェックしました。しかし、どこが間違っていたのかわかりません。

多分誰かが私を助けることができますか？

ありがとう！

編集:スパン外の別のdivでクラスを定義することにより、プレフィックスとサフィックスの問題を解決しました。したがって、次のようになります。

<div class="prefix_1 grid_3"><span id="download">The content....</span></div>
4

2 に答える 2

1

を削除してみてください

padding:10px 50px 10px 50px;

CSS 宣言の行#download,#about(または少なくとも 2 x 50px の水平パディング)。

要素を 1 行よりも広くするのは、余分なパディングです。

その行がない場合の外観は次のとおりです。http://jsfiddle.net/WHG4u/

于 2013-08-24T17:55:46.013 に答える
-1

この css を /css/custom.css に追加して、スライドが変わるたびにページがジャンプしないようにしてください。

.avia-content-slider-active .slide-entry-wrap { height: 275px; }
于 2013-08-24T18:12:09.460 に答える