1

ここではシンプルなデザインに取り組んでいますが、少し問題があります。

ここで最終的な設計例を見てください：http：//ronnieaarebrot.com/demo/cms/

左右のメニューでは、上から下に向かって小さな境界線が表示されます（中央のコンテンツの高さに続いて）。

これどうやってするの？両側に小さな境界線がある背景画像を作成することを計画していましたが、中央のコンテンツの高さをどのように「計算」する必要がありますか？または、2つの境界線を中央のdivの高さに従わせます。これを説明するのは少し難しいですが、画像を確認してください。これは、私がどこまで進んだかを示すhtmlの例です。http://ronnieaarebrot.com/demo/cms_html/

良い解決策はありますか？

4

2 に答える 2

0

要素を配置overflow:hiddenする#page_wrapと、コンテンツの高さ (左、中央、右の部分) まで拡張されます。

そのため、その要素に背景画像 (高さ 1 ピクセル、垂直方向に繰り返される) を配置し、それが完全に下に拡張されるようにすることができます..

于 2012-10-27T09:33:49.040 に答える
0

最も簡単な方法は、中央のコンテンツを div 要素に含め、CSS の border プロパティを使用して適用することです。次に、パディングとマージンを調整して、中央の要素と側面の要素を互いに突き合わせることができます。モデルを考えると、中央の要素にいくらかのパディングを組み合わせて、側面にほとんどマージンを設けないように思えます。

于 2012-10-27T09:28:47.910 に答える