一、文檔流 1、什么是文檔流 將窗體自上而下分成一行一行，塊級元素從上至下、行內元素在每行中從左至右的順序依次排放元素 2、本質 文檔流本質是 nomal flow （普通流、常規流） 3、BFC（Block Formatting Contxt） 塊級格式化上下文，它是一個獨立的渲染 ...

什么是文檔流 英文原文是：Normal flow. In CSS 2.1, normal flow includes block formatting of block-level boxes, inline formatting of inline-level boxes ...

什么是文檔流？ 文檔流：又稱普通文檔流和常規文檔流，即瀏覽器定義的頁面元素自上而下，從左往右排列的常規文檔模式。 可通過一些瀏覽器支持的布局方式進行改寫文檔流布局，例如我們先來查看定位。 1. 定位分為五種：static absolute relative fixed sticty ...

1.內容水平排列-左對齊 需要在父節點上添加：display:flex;表示使用Flex布局。 flex-direction:row; /* 表示內容直接橫排列 */ 2.內容橫排列-反轉右對齊 flex-direction:row-reverse 3.垂直排列 ...

文檔流 　 document flow=> normal flow 本質：普通流/常規流 流：水流 河流... => 自上而下（連續的，連續的 文檔：頁面主體 文檔流：一個連續具有上下邏輯的頁面整體 理解：出現在頁面中的顯示內容，均可以理解為在文檔流中 ...

流式布局（百分比布局） 在CSS2時代就有，主要指的是將頁面中元素的寬度以百分比表示並進行排版，可以在不同分辨率下顯示相同的版式 響應式布局 關鍵技術是CSS3中的媒體查詢，可以在不同分辨率下對元素重新設置樣式（不只是尺寸），在不同屏幕下可以顯示不同版式 　　舉例 ...

如果布局使用百分比寬度，在不同的顯示器上效果可能不太一樣。固定像素尺寸的網頁是匹配固定像素尺寸顯示器的最簡單辦法。將固定像素寬度轉換對應的百分比寬度： 目標元素寬度/上下文元素寬度=百分比寬度 em代替px主要是為了文字縮放。針對老版本IE，現在瀏覽器支持縮放像素為單位的文字了。優點：1.使用 ...

響應式布局是什么？ 一、什么是響應式布局？   響應式布局就是一個網站能夠兼容多個終端——而不是為每個終端做一個特定的版本。這個概念是為解決移動互聯網瀏覽而誕生的。   響應式布局可以為不同終端的用戶提供更加舒適的界面和更好的用戶體驗。 二、響應式布局 ...