左边div固定宽度,右边div自适应撑满剩下的宽度--实现方法汇总
神奇的事 其实有的方法(float、position、margin、flex)是有border像素的差 代码如下: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>神奇的事</title> <style> section { margin: 50px 0; } h3 { color: red; text-align: center; /*padding: 10px;*/ background: yellowgreen; } /*<!--------------NO.1做法(使用float)---------------->*/ .use-float .left { float: left; width: 12%; border: 2px solid salmon; } .use-float .right { overflow: hidden; border: 2px solid seagreen; } /*<!----------------------------------------->*/ /*<!--------------NO.2做法(使用table)---------------->*/ .use-table{ border-collapse:collapse;/*合并表格*/