div内にdivを相対的に配置するにはどうすればよいですか？

Question

私のような左右の隅にdiv要素内のdivを配置したいと思います：

と私のような中央にdiv要素内のdivを配置したいと思います：

これはどのようにして最も簡単に行うことができますか？絶対

使用内側のdivの残り：

位置：相対

チェックhttp://www.barelyfitz.com/screencast/html-training/css/positioning/ヒット＃：メインのdiv

位置用のDIVボックス

O

Answer 1

使用4

Answer 2

前の記事：https://stackoverflow.com/a/9726717/1146022

例：http://jsfiddle.net/VsqdW/2/

Answer 3

#div1 { 
    position: relative; 
    top: 0; 
    left: 100%; 
} 

#div2 { 
    width: 100; 
    height: 100; 
    margin: auto auto; 
} 

Answer 4

左上隅の使用のためにこの：センターの

.ContainingDiv {position: relative;} 
.InsideDiv {position: absolute; top: 0px; right: 0px;} 

、次の操作を行います。

.InsideDivCenter {margin: 0px auto;} 

Answer 5

トップ/右内側の要素：http://jsfiddle.net/ZAKAz/1/

.outer { height:200px; width:200px; position:relative; } 

.inner { position:absolute; top:0; right:0; width:50px; height:50px } 

一元内部要素：http://jsfiddle.net/ZAKAz/

.outer { height:200px; width:200px; position:relative; } 

.inner { position:absolute; top:50%; left:50%; 
     margin: -25px 0 0 -25px; width:50px; height:50px } 

Answer 6

トライフロートproprety：

.divA 
{ 
float:right; 
} 

http://www.w3schools.com/cssref/pr_class_float.asp

Answer 7

HTML：

<div class="outside"> 
    <div class="inside top_right"> 
    </div>   
</div> 
<div class="outside"> 
    <div class="inside center"> 
    </div> 
</div>​ 

CSS：

.outside {position:relative;width:200px;height:200px;border:2px solid black} 
.inside {position:absolute;width:50px;height:50px;border:2px solid blue} 

.top_right {top:0;right:0;} 

.center {top:50%;left:50%;margin:-25px 0 0 -25px} 

コンテナは、それがページ上の意図だと表示を行い、コンテナの境界内に期待通りposition:absoluteが機能するようにposition:relativeを持っています。中心にそれを引っ張ってdivの半分width/heightの負marginsを使用して、その後、top & leftから50％にDIVを

中心CSSが入れています。

私は、右上はかなり自明だと思います。

デモ：div.foo {フロート：http://jsfiddle.net/JKirchartz/BK7qr/

Answer 8

あなたの最初の質問は同じくらい簡単です右。あなただけ=センターをVALIGNでき

または} ...しかし、上記の答えは、これは私が少なくともあなたはdiv要素の中心にしたいいずれかの...最初に試すのと同じ方法で、より徹底しています。

注：CSSを使用するために廃止されたようVALIGNは垂直-ALIGN属性。だからあなたは縦に並べてやる必要があります。申し訳ありません、私はそれを忘れました。私はこれがマークダウンされている理由表の日から少し古い学校はアウト:)