相対位置と自動高さを使用して、div の下部にスペースを追加しようとしています。誰かが私を正しい方向に向けることができますか?
私のコード: http://jsfiddle.net/Pdz3g/
#content で使用しようとしました:
margin-bottom: 20px;
ただし、トップルールが定義されている場合は役に立ちません。
と:
bottom: 20px;
何らかの理由で機能しません。
相対位置と自動高さを使用して、div の下部にスペースを追加しようとしています。誰かが私を正しい方向に向けることができますか?
私のコード: http://jsfiddle.net/Pdz3g/
#content で使用しようとしました:
margin-bottom: 20px;
ただし、トップルールが定義されている場合は役に立ちません。
と:
bottom: 20px;
何らかの理由で機能しません。
相対位置を使用すると、ディスプレイスメント、高さ、およびビューポートの側面からの距離に応じて、要素をビューポートの外に移動できるため、#content
完全に表示されたままにすることはできません...
たとえば、 http://jsfiddle.net/Pdz3g/1/ を参照してくださいmin-height
。ブロックが垂直方向に成長すると、その下側は再びビューポートの外に隠れます。
この要素をより細かく制御したい場合は、相対位置を使用しないでください...