поместить два элемента в div - PullRequest
0 голосов
/ 06 августа 2009

У меня возникли проблемы с выяснением того, как расположить абзац и ссылку в элементе контейнера, это показано в коде после пояснений. Таким образом, в основном, существует общий контейнер (#container), который содержит произвольное количество элементов div (.c). В каждом отдельном div есть абзац и ссылка. Мне бы хотелось, чтобы независимо от длины абзаца ссылка всегда находилась в верхнем правом углу каждого отдельного элемента div. Однако в настоящее время по какой-то причине в данный момент отображается ссылка в верхнем правом углу следующего раздела ...

Если кто-нибудь может помочь мне решить эту проблему и, возможно, просветить меня в этом вопросе, это будет с благодарностью!

<head>
<style type="text/css">
#container{
    width:500px;
}
p{
    width:450px;
}
a{
    float:right;
}
</style>
</head>
<div id="container">
<div class="c"><p>Some text here asdf asdf asdf asdf asdf asd fasd fsa dfsa df asdf sadf sa dfa sdf sadf asd fsa df sadf asdf asdf asd fas df asdf as </p><a href="delete.php">X</a></div>

<div class="c"><p>Some text here asdf asdf asdf asdf asdf asd fasd fsa dfsa df asdf sadf sa dfa sdf sadf asd fsa df sadf asdf asdf asd fas df asdf as </p><a href="delete.php">X</a></div>
</div>

Ответы [ 3 ]

1 голос
/ 06 августа 2009

Поместите тег привязки перед тегом абзаца, и он будет плавать справа от абзаца, но это ограничит ширину абзаца.

Если вы действительно хотите, чтобы над абзацем, используйте:

# контейнер {позиция: относительная; } a {позиция: абсолютная; верхняя: 0; правая: 0}

Последний метод позволит расположить якорь поверх абзаца, если это необходимо.

0 голосов
/ 06 августа 2009

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

0 голосов
/ 06 августа 2009

Попробуйте поместить <a> элемент перед <p> элементом, я думаю, это должно сработать.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...