div内に3つのdivがあり、これらの3つのdivが水平に整列するようにします。私は絶対的なポジションを与えることでこれを行うことができましたが、私は彼らに相対的なポジションを持たせたいと思います。なぜ私はそれが相対的な位置を持ってほしいですか、私がズームアウトまたはズームインすると、divのサイズは変更されませんが、これらのdiv内の要素が変更されます。私はdivをズームイン/インすることも欲しい。そういうわけで私は彼らに相対的な立場を持たせたいのです。今、私のdiv要素が水平方向に整列されていないdivを位置の相対的な水平方向に整列する
.body_clr {
background-color: #eceff1;
position: fixed;
overflow-y: scroll;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
.test_div {
width: 20em;
height: 20em;
margin-left: 2em;
margin-top: 20%;
position: relative;
background-color: #f5f5f5;
display: inline-block;
float: left;
z-index: 1;
}
.ff {
width: 40em;
height: 100%;
padding-top: 10%;
position: relative;
background-color: #2aabd2;
float: left;
margin-left: 20%;
margin-right: 20%;
display: inline-block;
}
.overview {
width: 20em;
height: 35%;
background-color: black;
margin-top: 20%;
float: left;
margin-right: 5%;
position: relative;
display: inline-block;
z-index: 1;
}
<div className="body_clr">
<div className="test_div"></div>
<div className="ff"></div>
<div className="overview"></div>
</div>
。
親表示欄と水平表示欄を中心とする要素の間に、縦書き中央のテーブルセルがあります –