Ich bin den Aufbau einer Seite Blöcke Abschnitte mit: http://jsfiddle.net/NrkTn/3/css Margen Ausgabe
Sie können sehen, ich habe Marge auf die Profilelemente hinzugefügt, aber ich bin nicht in der Lage, beide oberen und unteren Rand hinzuzufügen, verwendet es je nachdem, welcher ist der größte Wert.
Jeder Abschnitt sollte einen oberen und unteren Rand von 20px haben, so dass der Abstand zwischen ihnen 40px ist, aber es zeigt einen Rand von nur 20px.
Margins Zusammenbruch auf sich: http://jsfiddle.net/NrkTn/4/
Und um das letzte Element zu stützen, das Sie verwenden können: last-kind http://jsfiddle.net/Edkmt/ –
Das Verhalten erwartet wird. Es wird immer die größte Marge und nicht eine Kombination der beiden sein. Here's an article that explains this.
Margins collaspe auf sich selbst, so dass das erwartete Verhalten ist. Sie könnten das tun, was Sie wollen, indem Sie Ihre Abschnitt CSS Ändern Grenzen zu verwenden, anstatt
#page section{ border-top: 20px solid white; border-bottom: 20px solid white; }
Eine andere Möglichkeit, zu tun, was Sie wollen, um Ihre Sektionen in divs und verwenden padding
[Einstürzen Ränder zu wickeln ist ] (http://reference.sitepoint.com/css/collapsingmargins) – shaunsantacruz
Ich kann mir vorstellen, dass Sie mit einem Rahmen erreichen können, was Sie wollen? Wenn Sie den Rahmen transparent machen, wird die Hintergrundfarbe des Bereichs leider angezeigt. Sie müssten also dieselbe Hintergrundfarbe wie das div festlegen und kein Hintergrundbild verwenden. – Andrew