позиция двух элементов внутри div

У меня возникли проблемы с выяснением того, как позиционировать абзац и ссылку в контейнере div, это проиллюстрировано в коде, приведенном ниже объяснений. Итак, в основном есть общий контейнер (#container), который содержит произвольное количество div (.c). В каждом из отдельных div есть параграф и ссылка. Я бы хотел, независимо от того, как долго абзац, ссылка всегда будет плавать в верхнем правом углу каждого отдельного div. Однако в настоящее время он показывает ссылку в верхнем правом углу следующего 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>

источник

2009-08-05 FurtiveFelon

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

Если вы действительно хотите его на пункте, используйте:

#container {позиция: относительная; } a {position: absolute; top: 0; right: 0}

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

источник

2009-08-05 21:55:30 jkelley

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

источник

2009-08-05 21:55:29 JorenB

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

источник

2009-08-05 21:55:35 Amber

позиция двух элементов внутри div

ответ

Смежные вопросы