divのサイズを変更する方法を知りたいと思います。 div要素をページの中央のすぐ下に置いています。ありがとう！divの場所を窓の上に置きます。サイズ変更
<body>
<div class="container">
<div class="e1">
<button type="button" class="btn">Basic</button>
</div>
</div>
css
html {
width:100%;
height:100%;
background:url(logo1.png) center center no-repeat;
}
.e1{
position: absolute;
top: 60%;
}
あなたはこのようにフレックスを使用して試すことができます：
body {
height: 100vh;
margin:0;
background: url(https://lorempixel.com/800/800/) center center no-repeat;
}
.container {
height:100%;
display: flex;
flex-direction: column;
}
.container:after,
.container:before {
content: "";
flex: 1;
}
.e1 {
text-align: center;
}<div class="container">
<div class="e1">
<button type="button" class="btn">Basic</button>
</div>
</div>サイズ変更ウィンドウ上のその場所で、それはあなたのコンテンツの滞在になります。このコードを試してみてください
div{
position:absolute;
left:50%;
transform:translateX(-50%);
}
topの値をパーセントで絶対的に配置しようとしましたか？ –
@ MrLister yes！それは中央のdivと崩壊する –
この試みにコードを投稿できますか？ –