test

by Alexandre Froger

HTML

<div id="an-actualite-emplacement2">
        <div class="block news-article-block style-4">
            <div class="block-type">
                <div class="block-type--content">Commission</div>
            </div>
            <div class="block-title">
                <h3 class="title medium colored">Freins à la transition énergétique</h3>
            </div>
            <div class="block-text">
                <div class="block-text--content">
                    <p>
                        Jeudi 8 novembre matin, la mission d'information relative aux freins à la transition énergétique a organisé une table ronde avec la participation de :<br />
                        - Fabien Veyret, responsable transition énergétique de France nature environnement ;<br />
                        - Anne Bringault, coordination transition énergétique de Réseau action climat ;<br />
                        - Jean-Baptiste Lebrun, directeur du Cler ;<br />
                        - Représentants du WWF (à confirmer), des Amis de la terre, de l’UFC Que Choisir et de la Fabrique écologique.
                    </p>
                    <div class="test" style="width:0px;height:0px;"></div>
                </div>
                <div class="overflow-fade"></div>
            </div>
            <div class="block-actions">
                <a href="" class="en-savoir-plus">en savoir plus</a>
                <a href="" class="portail-video">portail video</a>
                <a href="" class="lire-la-suite">lire la suite</a>
            </div>
            <div class="block-media">
                <img src="http://www2.assemblee-nationale.fr/var/ezflow_site/storage/images/media/themes-generaux/environnement-energie/planete-ecologie/14357-1-fre-FR/planete-ecologie.jpg" />
            </div>
        </div>
    </div>

CSS

#an-actualite-emplacement2{
  width: 250px;
  height: 400px;
}

/* LESS de la page d'accueil
------------------------------------------------------------------ */
/* LESS commun aux différentes pages / composants du site
------------------------------------------------------------------ */
/* Resets
--------------------------------------------------------------------------- */
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
body,
html,
p,
blockquote,
fieldset,
input,
button,
textarea,
label {
  margin: 0;
  padding: 0;
}
* {
  background-repeat: no-repeat;
}
ul {
  list-style-position: inside;
}
select,
textarea,
input {
  outline: none;
}
*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
}
img {
  display: block;
  position: relative;
  width: auto;
  max-width: 100%;
}
/* Variables LESS
------------------------------------------------------------------ */
/* LESS Mixins : méthodes d'aide
------------------------------------------------------------------ */
/* Colorations
------------------------------------------------------------------ */
/* Génération de classes CSS pour chaque couleur
------------------------------------------------------------------ */
/* Appel de la boucle (nécessaire)
------------------------------------------------------------------ */
*.colored-deputes-non-inscrits {
  color: #929397 !important;
}
*:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(p):not(a):not(b):not(span).colored-deputes-non-inscrits {
  background-color: #929397 !important;
  color: #FFFFFF !important;
}
*:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(p):not(a):not(b):not(span).colored-deputes-non-inscrits::before,
*:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(p):not(a):not(b):not(span).colored-deputes-non-inscrits::after {
  background-color: #929397 !important;
}
*.colored-libertes-et-territoires {
  color: #9D0F0B...

JavaScript

var $container = $('#an-actualite-emplacement2').find(".block-text");
var $chidlren = $container.find(".block-text--content");

console.log($container.height());
console.log($chidlren.height());