Je možné zabaliť obsah HTML do DIV alebo niečoho iného a nerušiť rozloženie stránky? - html

Dokument obsahuje niektoré prvky HTML. Niektoré prvky musím zabaliť do DIV (alebo iného prvku HTML), aby rozloženie dokumentu malo byť stále platné. Je to vôbec možné?

Napríklad mám nasledujúci kód:

<div style="float:left;">Left DIV</div>
<div style="float:right;">Right DIV</div>

Potrebujem niečo také, aby rozloženie dokumentu bolo stále platné a Right DIV je zvýraznený bodkovaným okrajom:

<div style="float:left;">Left DIV</div>
<div class="wrapper" style="border:dotted 1px #666;">
<div style="float:right;">Right DIV</div>
</div>

odpovede:

Ak to urobíte, vaše pravé divo už nebudeplávajúci, alebo aspoň jeho obal nebude. Štýl vloženého plaváka môžete presunúť nahor do obálky, alebo sa obalu jednoducho zbaviť a pridať štýl vloženého orámovania priamo do pravej časti div.

Pomáha to?

Skúste niečo takéto:

<div style="float: left; border: 1px solid #000;">
<div style="float: left;">Left DIV</div>
<br style="clear: both;" />
</div>
<div style="float: right; border: 1px solid #000;">
<div style="float: right;">Right DIV</div>
<br style="clear: both;" />
</div>

Možno bude chcieť vyskúšať v starších prehliadačoch, či rozloženie vydrží.

HTML <div> určite nespôsobí neplatné rozloženie dokumentu, ale nemusí sa zobraziť požadovaným spôsobom. Ak sa vám nepáči, že sa vám <div> (predvolene) sa zobrazuje na vlastnom riadku, môžete nastaviť jeho display Atribút CSS pre inline:

<div style="display: inline;">

V opačnom prípade môžete zvážiť použitie súboru <span> tag.