CSS問題
1546 ワード
scrollHeight読み取り専用の要素のすべての高さは、overflow:hiddenが隠す部分scrollTop要素の頂部の転がり距離clientHeight読み取り専用の要素内部の高さ、overflow:hiddenが隠す部分1. body flex，.left width 200px，.right flex-grow=1
2. float left，.left width 200px，.right calc(100% - 200px)
3. position absolute，.left width 200px; left 0，.right right 0; left 200px
1. float width calc（ margin）
2. flex flex-grow 1
3. absolute left right（ margin） left width right width
/* 1 - flex */
display: flex;
align-items: center;
justify-content: center;
/* 2 - */
display: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
， containing block ， （ BFC）。 BFC margin 。 BFC ， margin “ ”。
、 ：
float none
overflow visible( hidden、scroll、auto)
position absolute fixed
display inline-block、table-cell、table-caption
、 ：
1.
： ， ， 0。 ， BFC 。 overflow:hidden。
2. margin
CSS ， 。 ， 。
3.