Възможно ли е да се увие HTML съдържанието в DIV или нещо друго и да не се прекъсне оформлението на страницата? - html

Документът съдържа някои HTML елементи. Някои елементи, които трябва да обгърна в DIV (или всеки друг HTML елемент), така че оформлението на документа трябва да е все още валидно.

Например имам следния код:

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

Трябва да получа нещо подобно, така че оформлението на документа да е все още валидно и десният DIV да е маркиран с пунктирана граница:

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

Отговори:

Ако го направите, вашият дял div вече няма да бъдеплаващ или поне опаковката му няма. Можете или да преместите вградения стил с плаваща запетая до обвивката, или просто да се отървете от обвивката, и да добавите инлайн стила на границата директно към десния div.

Това помага ли?

Опитайте нещо подобно:

<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>

Може да искате да тествате в по-старите браузъри, за да видите дали оформлението се задържа.

HTML <div> със сигурност не прави оформлението на документа невалиден, но може да не се показва по начина, по който искате. Ако не харесвате факта, че <div> (по подразбиране) се появява в своя ред, можете да зададете неговия display CSS атрибут към inline:

<div style="display: inline;">

В противен случай може да искате да обмислите използването на <span> маркер.