Ändern der Schriftgröße in wählen Sie die Höhe des übergeordneten Elements ändern

Question

Ich habe eine Dropdown-Liste mit einer separaten Schaltfläche, nur die Schriftart geändert hat die Höhe der übergeordneten Box geändert.

Die Höhe der Auswahl ist 50px, wenn ich die Standardschriftgröße belasse, ist die Höhe des Elternteils 50px.

Aber wenn ich die Größe der Schriftart, die Größe des übergeordneten div gleich 50px + ein paar Pixel nicht in der Konsole gefunden, ist das Ergebnis wählen und Taste nicht in derselben Zeile

Do hast du eine Ahnung von dem Problem?

<section class="central_row"> 
    <select name="name" id="list_name"> 
     <option value="an option">an option</option> 
    </select> 
    <button type="button" class="next-select"><i class="fa fa-arrow-right" aria-hidden="true"></i></button> 
</section> 



select { 
    width: 250px; 
    height: 50px; 
    border: none; 
    background: #1b997a; 
    color: white; 
    border-radius: 4px; 
    font-size: 25px; 
    margin-right: 30px; 
    padding-left: 14px; 
} 

button.next-select { 
    height: 50px; 
    width: 50px; 
    border: none; 
    margin-bottom: 0px; 
    box-sizing: border-box; 
} 

Hier ist eine Geige mit dem Problem: a little problem with the select

Answer 1

Nach Ihrer Frage, die Sie sicherstellen möchten, dass Sie die Höhe Ihrer Auswahlbox nicht aktualisieren. Wenn das richtig ist, warum versuchst du nicht, die Höhenkomponente in Select auf maximale Höhe zu aktualisieren. Etwas wie:

select{ 
    width: 250px; 
    max-height: 50px; 
    border: none; 
    background: #1b997a; 
    color: white; 
    border-radius: 4px; 
    font-size: 25px; 
    margin-right: 30px; 
    padding-left: 14px; 
} 

Was wählen muss, ist tun, inorder die Ränder und den Text zu passen, erhöhen auch die Höhe.

Oder Sie könnten versuchen, dieses, das hilft https://jsfiddle.net/q4onutso/2/

Hoffnung zu verwenden.

Answer 2

Fügen Sie einfach

select{ 
    float:left; 
} 

Und Sie sind gut zu gehen.

Fiddle: https://jsfiddle.net/dhavaljardosh/o5n198jL/11/