css布局：两边固定，中间自适应
时间：2023-04-02 11:31:45
HTML
.wrap{background:#eee;填充：20px；}p{保证金：0;}.left{宽度：200px；高度：200px；向左飘浮;背景：珊瑚；}.right{宽度：200px;高度：200px；浮动：对；背景：淡蓝色；}.middle{边距：0200px;背景：浅粉色；}四种常用方法及原理解析：浮动、浮动嵌入div、定位、flex。浮动.wrap{background:#eee;填充：20px；}p{保证金：0;}.left{宽度：200px；高度：200px；向左飘浮;背景：珊瑚；}.right{宽度：200px;高度：200px；浮动：对；背景：淡蓝色；}.middle{边距：0200px;背景：浅粉色；}我在左边
我在右边我排在最后，但是我跑到了中间 原理：浮动元素和非浮动元素不在同一个三维空间。如果浮动不清晰，它下面的元素就会向上浮动。浮动元素的高度为0，浮动框的级别高于块级水平框，低于内联/内联块水平框。浮动内联div
.wrap{background:#eee;填充：20px；}p{保证金：0;}.left{宽度：200px；高度：200px；向左飘浮;背景：珊瑚；margin-left:-100%;}.right{width:200px;高度：200px；向左飘浮;背景：淡蓝色；;向左飘浮;背景：浅粉色；}span{显示：内联块；边距：0200px；}我在中间我在左边我在右边 原理：三个元素全部浮动，主题元素100%满满一行，并且左右两侧的元素以负边距放置。在主题元素内部放置一个子元素，子元素margin:0200px防止内容被左右浮动元素覆盖。定位
