div1_html/css_WEB-ITnoseの途中にdiv2を置く方法

div1 の水平方向の中央に div2 を作成する方法

ディスカッション (解決策) への返信

js を使用して 2 つの幅と高さを動的に計算し、2 で割って div1 のパディングを設定できます

<style>div{margin:0;padding:0}#div1{position:relative;height:200px;width:200px;background-color:red}#div2{position:absolute;height:100px;width:100px;background-color:yellow;top:50%;margin-top:-50px;left:50%;margin-left:-50px}</style><div id="div1">	<div id="div2">	</div></div>

<style>div{margin:0;padding:0}#div1{position:relative;height:200px;width:200px;background-color:red}#div2{position:absolute;height:100px;width:100px;background-color:yellow;top:50%;margin-top:-50px;left:50%;margin-left:-50px}</style><div id="div1">	<div id="div2">	</div></div>

私の div1 ブラウザのスパンで幅が拡張します

拡張するだけで、div1 の width 属性を削除するだけで大​​丈夫です
div2 の幅が固定されている限り。

<style>div{margin:0;padding:0}#div1{position:relative;height:200px;width:200px;background-color:red}#div2{position:absolute;height:100px;width:100px;background-color:yellow;top:50%;margin-top:-50px;left:50%;margin-left:-50px}</style><div id="div1">	<div id="div2">	</div></div>

私の div1 の幅はブラウザのスパンに合わせて拡張されます

1111