Eingang div Größen

Question

ich einen solchen Code haben:

<div style="width:500; height:500;"> 
    <input type="button"/> 
</div> 

wie die Schaltfläche, um die Größen der div passen? wenn seine imposible css ny, kann ich mit js, jquery

Answer 1

Achten Sie darauf, Ihre Breite und Höhe des übergeordneten Container eine Einheit Suffix auf dem Wert geben:

<div style="width:500px;height:500px;"> 
    <input type="button" style="width:100%;height:100%;"/> 
</div> 

Answer 2

Sie können diese CSS für

<input type="button" style="width: 500px; height: 500px;" /> 

verwenden Besser eine Klasse für diese

.inpbutton 
{ 
    width: 500px; 
    height: 500px; 
} 

<input type="button" class="inpbutton" /> 

Answer 3

Ungeprüfte verwenden, aber Sie können beginnen, indem so etwas wie dieses ...

HTML:

<div style="width:500; height:500;"> 
    <input class="expand" type="button"/> 
</div> 

JS:

$('document').ready(function() { 
    $('.expand').each(function(i) { 
     $(this).width($(this).parent().width()); 
     $(this).height($(this).parent().height()); 
    }); 
}); 

Answer 4

$('document').ready(function() { 
    $('input[type=button]').each(function(){ 
     $(this).height($(this).parent().height()); 
     $(this).width($(this).parent().width()); 
    }); 
}); 

Answer 5

Wenn alles, was Sie brauchen, ist die Taste immer füllen out the div Warum nicht eines der Elemente entfernen, indem Sie entweder das div als Schaltfläche verwenden, indem Sie die gewünschte Aktion auf den OnClick setzen, oder einfach die Schaltfläche als Hauptelement mit einer Größe festlegen.

Möglicherweise benötigen Sie beide, aber wenn Sie beide Gründe brauchen, ist es nicht sinnvoll, die Schaltfläche in einem div einzufügen. Sie erhalten dann mehr Elemente als nötig.

Answer 6

Warum legen Sie nicht einfach die Größe auf die Schaltfläche anstelle der div? Das Div würde automatisch die richtige Größe annehmen, und Sie erhalten eine perfekte Passform ohne JS.