float
floatプロパティを持つ対応する要素は、ストリームから終了し、豊かになります.
豊かで広々とした場所では、次の要因が引き寄せられています.
対応するブラウザスペースに余裕がない場合は、次の行に移動します.
left
エレメントの左側のエレメントが存在しないようにします. right
エレメントの右側にあるエレメントが存在しないようにします. both
要素の両側にフローティング要素がないようにします.
豊かで広々とした場所では、次の要因が引き寄せられています.
対応するブラウザスペースに余裕がない場合は、次の行に移動します.
clear
エレメントの左側のエレメントが存在しないようにします.
エレメントの右側にあるエレメントが存在しないようにします.
要素の両側にフローティング要素がないようにします.
<div class="container">
<div class="left"></div>
<div class="right"></div>
</div>
.container div {
float: left;
height: 500px; /* container 의 높이는 0인 상태 */
}
.container::after {
content: "";
display: block;
clear: both;
}
Reference
この問題について(float), 我々は、より多くの情報をここで見つけました https://velog.io/@deepbm/floatテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol