要素を並べて並べる方法は？

-2

私はビデオとCSSのアニメーションを持っています。私はビデオを中央に、アニメーションを左にします。私はそれらを浮かそうとしましたが、これはそれらの間に大きなギャップを残しました。 - codepen - https://codepen.io/MarkHarrison/pen/xpZLLy 要素を並べて並べる方法は？

iframe{ 
    border: 10px solid transparent; 
    border-image-source: url(https://i.imgur.com/91tJ1qi.png); 
    border-image-slice: 10; 
    width: 500px; 
    height: 300px; 
    display: block; 
    margin: auto; 
} 

.box { 
    position: relative; 
    margin: 0px; 
    display: block; 
    width: 600px; 
    height: 420px; 
    margin-top: 15%; 
}

出典

2017-12-18 Mark Harrison

ため、これはあなたが望む最後の効果か？ https://codepen.io/sol_b/pen/ppgLXE – sol

[mcve]（Stack Snippetの形式）をあなたの質問に直接追加できますか？乾杯！ – domsson

追加 "位置：相対" .wrapperに //魔法のCSSを追加■は
からマージントップ2.削除％が
を.BOXしないでください
ポジション：絶対; トップ：0; 左：calc（50％ - 520px）; トランスフォーム：translateX（-50％）;画像が垂直使用変換収まるように全角/ PXでトップを調整4.

//いけない」：移動Y（）その代わりに

出典

2017-12-18 15:01:33

要素を並べて並べる方法は？

答えて

関連する問題