CSS浮動屬性與清除
在CSS中如何使用float屬性以及清除。 浮動在過去是一個非常重要的話題。 在許多黑客和創意的用法中，它是我們能夠真正實現一些布局的少數方式之一，與表格一起使用。在過去，我們經常將側邊欄左浮動，以便將其顯示在螢幕的左側並對主內容添加一些邊距。 幸運的是，時代已經改變，現在我們已經有了Flexbox和Grid來幫助我們進行布局，浮動回到了它最初的作用：將內容放置在容器元素的一側，並使其兄弟元素顯示在周圍。 float屬性支持3個值： left right none（默認） 假設我們有一個包含帶有文本的段落和圖像的框： <div class="parent"> <div class="child"> <div class="box"> <p>This is some random paragraph and an image. <img src="https://via.placeholder.com/100x100" /> The image is in the middle of the text. The image is in the middle of the text. The image is in the middle of the text. The image is in the middle of the text. The image is in the middle of the text....