html und css: ausrichten wählen Sie, um den rechten Rand einer Tabelle
Betrachten Sie das folgende HTML-snippet. Der gewünschte Effekt ist, um eine dropdown positioniert direkt oberhalb einer Tabelle.
<!-- this is actually in a proper CSS class, not inline-->
<div style="float:left;
min-height:1px;
padding:15px 2% 20px;
position:relative;
width:96%;">
<form method="post">
<div style="float:right;display:inline;">Show Me:
<select id="ddNumRecords" name="ddNumRecords" onchange="this.form.submit();">
<option>30</option>
<option>50</option>
<option>100</option>
</select>
</div>
Den oben rendert wie diese:
Tabelle und wählen Sie float right http://www.imagechicken.com/uploads/1253124526051538700.png
Frage: Wie kann ich schreiben, dass meine CSS-Positionierung zu erreichen wie in diesem mockup?
gewünschte http://www.imagechicken.com/uploads/1253124791005327900.png
Du musst angemeldet sein, um einen Kommentar abzugeben.
Hinzufügen
clear: both;
zu Ihrem Tisch CSS. Dies wird deaktivieren Sie das float div (mit dropdown) oben drauf.Aber warum gehst du nicht einfach
text-align: right;
Ihr div -, dann müssen Sie nicht haben, um Chaos mit floats und inline-divs. Das sollte auch funktionieren.Eine Möglichkeit wäre, die absolute Positionierung, um die beiden divs.
oder
Andere Möglichkeit wäre die Verwendung von Tabellen. Zum Beispiel:
oder
Hinzufügen noch ein div um das div hat float:right. Zum Beispiel:
könnten Sie eine andere Zelle der Tabelle
diese Arbeit sollte.. oder könnte man den Einsatz von css. aber dies ist der Schnellste Weg, es zu tun:-? zumindest, bis Sie machen/finden Sie einige css. könnten Sie float left auf beiden divs