Разместите два изображения. Один верхний правый, другой нижний левый - PullRequest
Новая
       27

Разместите два изображения. Один верхний правый, другой нижний левый

0 голосов
/ 02 марта 2011

Пожалуйста, кто-нибудь может помочь мне с выравниванием одного изображения снизу слева, а другого - в верхнем правом углу.Итак, у меня есть одна базовая страница ... два изображения, и я хочу, чтобы они были по диагонали друг от друга.Очень просто, но каждая вещь, которую я пробовал, просто выравнивает оба изображения справа ....

1 Ответ

0 голосов
/ 02 марта 2011

Вот одно решение, которое предполагает абсолютное позиционирование. Это может быть сложно координировать несколько объектов, но это довольно гибко, если вы хотите точный макет. 

<div style="position: relative; width: 300px; height: 300px;">
    <div style="position: absolute; background-color: red; width: 100px; height: 100px; left: 0px; top: 0px;">Top Left</div>
    <div style="position: absolute; background-color: blue; width: 100px; height: 100px; right: 0px; bottom: 0px;">Bottom Right</div>
</div>

http://jsfiddle.net/UedkS/

...