python:day43 Drawer

1. Understanding of Inline-block and float

Inline-block and float can implement block-level labels on the same line, the inline is not good to set left-right alignment, only through the margin and padding adjustment. Float can be set to align left and right.

If the Inline-block element is on the leftmost side and the same row Folat element setting floats to the left, the Inline-block will be squeezed behind float because float itself is designed for text wrapping and does not overwrite the text. Float generally does not move up, only left and right floating. If the above element is a block-level label, then does not move up, if the above element is an inline or inline-block tag, then float moves up and squeezes the content back.

python:day43 Drawer