m0_50296879的博客

本文相对来说都是代码，所以大家可以根据不同需求看相关样式实现，博主很懒，写的有点粗糙，勿喷，哈哈哈~~~????行内元素 <div class="parent"> <span class="child">counter</span> </div>水平居中方法1 text-align .parent { background-color: yellow; text-ali

事实上，圣杯布局和双飞翼布局其实就是一回事，只是二者的实现思想不同而已。简单来说就是两边顶宽，中间自适应的三栏布局，话不多说，直接上图：首先我们说圣杯布局，它的原理主要是通过给中间三栏的center设置左右padding往内挤，使得左侧右侧center的内容不会被left和right部分覆盖掉，差不多酱紫。来，直接看代码： <div id="header">#header</div> <div id="container"> <div