3

雑誌の整理に使用できるページを開発する方法を見つけようとしています。雑誌には複数のページを含む複数のセクションがあり、各ページには複数の記事が含まれる場合があります。これを達成するために、各ページまたはセクションに、それが上のグループに従属していることを示すための DIV を用意したいと考えています。これが私がそれをどのように見せたいかの写真です：

http://chromaticinc.com/help/final.png

これを達成するためにCSSのみを使用したいと思います。これまでのところ、私はこれを思いつきました：

http://chromaticinc.com/help/

しかし、Javascript を使用して 1 列目の幅を設定しています。他の各列も整列する必要があり、1 列目の可変幅を使用すると、レイアウトが崩れます。「コメント」列の幅を設定するためにJavascriptを使用できると確信していますが、CSSを使用したより良い解決策が必要だと感じています。

理にかなっている場合は、テーブルを使用しても構いませんが、各アイテムをドラッグして再配置できるようにする必要があり、他のセクションに移動できるようにする必要があるため、それらを設定しましたそれを簡単にするDIV。

どんな助けや提案も大歓迎です。

4

1 に答える 1

0

これは、相対位置を使用して実行できるはずです。

要素に id を与えてから、次のような CSS を使用します。

#divid {
    position:relative;
    left:20px;
}

これにより、div がデフォルトの位置から指定した分だけ強制的に移動します。

于 2012-11-05T20:27:05.733 に答える