Recientemente tuve una publicación en mis borradores de Programar Plusque llamé “Eliminar el espacio de la parte inferior de los módulos”. Se trata de esa situación complicada en la que desea incluso un relleno completo alrededor de algunos elementos para separarlos visualmente. Pero los elementos en el interior también necesitarán márgenes inferiores, y eso podría generar espacio adicional en la parte inferior donde ese margen golpea el relleno.
Aparentemente estoy envejeciendo y perdiendo la cabeza, porque ya he escrito sobre eso. Pero no llegué a ninguna conclusión sorprendente en ese artículo. Lo mejor que se me ocurrió fue un selector de compuestos bastante asqueroso del que ni siquiera quiero hablar.
Heydon Pickering tiene una conclusión sorprendente para este problema:
* + * {
margin-top: 1.5em;
}Definitivamente lo probaría en un nuevo proyecto. Sin embargo, me hace pensar que el CSS futuro podría ayudarnos aquí. ¿Quizás especificando que se permitió que un borde particular del acolchado colapsara en el margen?
Enlace directo →