李武帝

// 表单类 form（块级） input、textarea、button、select、label // 布局结构类（以下基本属于块级元素） div、p、h1、h2、h3、h4、h5、h6、ul、li、ol、table、tr、td、thead、tbody。 span（内联元素） // 媒体相关（以下基本属于内联元素） audio、vedio、img、canvas、a // h5语义化标签 header、footer、section、article、aside // 功能类标签 link、meta、title、html、body、script // 其他不常用的标签 br、hr

1，目前比较好用的方式，是使用flex布局。 2，针对老版本的浏览器，flex可能有兼容问题，而传统的圣杯布局和双飞翼布局，就是解决两边固定，中间自适应的方式进行解决问题。 3，圣杯布局的解决思路：左右两边，以及中间的盒子，使用float：left的方式，进行浮动，同时，让middle中间盒子有一个padding值，left和right盒子通过margin-left属性以及定位的方式，实现效果。 4，他们的区别在于：双飞翼布局会在middle盒子中，再嵌套一层，然后left和right不再需要定位的方式进行平移。只需要margin-left值的设置。 ### 关于双飞翼布局的代码 .box { height: 500px; } .middle-box { float: left; padding: 0 100px; height: 100%; width: 100%; box-sizing: border-box; } .middle { background: red; width:...