进击的火山博客

在看了很多网上的教程后，真心浮动方法设置圣杯布局十分心累，最后整理两个十分简单好用的方法，供大家参考 圣杯布局要求 header和footer各自占领屏幕所有宽度，高度固定。 中间的container是一个三栏布局。 三栏布局两侧宽度固定不变，中间部分自动填充整个区域。 中间部分的高度是三栏中最高的区域的高度。 圣杯布局中的难点就是中间三列的样式设置（固定宽度+自适应+固定宽度） disp...

双列布局 左边一列固定，右边一列自动填满 浮动解法 float&margin-left left：float：left 和固定宽度 width：300px right：margin-left：300px 优缺点 旧浏览器一个浮动一个固定会有问题 margin决定于width，没有解耦 right中内容不能使用clear消除浮动，否则会打乱布局 <style> ...

水平居中布局 text-align&inline-block 优缺点： 三种display属性 table|block&margin 优缺点 margin补课 absolute&left&transform 优缺点 position补课： transfrom补课： 垂直居中布局 table-cell&vertical-align...