Этикетки выпадают из коробки ⇐ CSS

[Anonymous]

Да, мои названия отстой: p < /p>

Поэтому у меня есть контейнер, который содержит < /code> s. В этом контейнере усеяны
s, которые отмечают метки. Эти < /code> s имеют позицию: Absolute < /code>, чтобы они не мешали макету < /code> s. < /P>




div {
display:inline-block;
width:80px;
height:80px;
border:1px solid blue;
margin:4px;
}
#container>span {
position:absolute;
background:#ccf;
}[/code]

Код: Выделить всё

MarkerMarkerMarker

В Internet Explorer это работает нормально.

В Chrome это не так. Метка выпадает из коробки.

Я понимаю, почему это происходит — это потому, что имеет нулевую ширину и высоту внутри документа, что позволяет ему втиснуться в нулевое оставшееся пространство.

Но мне интересно, есть ли другой способ добиться желаемого эффекта?

РЕДАКТИРОВАТЬ: Желаемый эффект, плохой эффект Chrome

Подробнее здесь: https://stackoverflow.com/questions/280 ... of-the-box