2009-08-05 21 views
0

コンテナdiv内に段落とリンクを配置する方法を理解するのに問題がありますが、その説明に続くコードに示されています。 基本的に、コンテナ(#container)には任意の数のdiv(.c)が含まれています。個々のdivのそれぞれには、段落とリンクがあります。私は段落がどれくらい長くても、リンクは常に各部門の右上隅に浮かびます。しかし、現在のところ、何らかの理由で次のdivの右上隅にリンクが表示されています...div内の2つの要素の位置

誰かが私にこの問題を解決し、おそらく私にこのことを教えてくれれば大いに感謝します!

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

答えて

1

段落タグの前にアンカータグを配置すると、段落の右側に浮動小数点が表示されますが、段落の幅が制限されます。

あなたが本当に段落、使用上のそれをしたい場合:

#container {位置:相対; } a {位置:絶対;先頭:0;右:0}

後者の方法では、必要に応じて段落の上にアンカーを配置できます。

0

<p>要素<a>要素を入れてみてください、私はそれがトリックを行う必要がありますね。

0

段落の前にリンクを挿入します。フローティングコンテンツは、その前のコンテンツではなく、それに続くコンテンツのサイドに浮かぶ。

関連する問題