![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css布局
yutingbai
这个作者很懒,什么都没留下…
展开
-
圣杯布局
圣杯布局 圣杯布局: 要求三栏布局,中间宽度自适应,两边定宽,允许任意列高度最高。这样做的优势是重要的东西放在文本流前面可以优先渲染。 按照常规的想法我们先写三个div在页面当中,分别起名为middle,left,right //body中的内容 <div class="container"> <div class=&quot原创 2019-02-24 17:50:46 · 155 阅读 · 0 评论 -
双飞翼布局
双飞翼布局 双飞翼布局: 同圣杯布局一样,要求三栏布局,中间宽度自适应,两边定宽,允许任意列高度最高。这样做的优势是重要的东西放在文本流前面可以优先渲染。 body部分如下 <div class="middle"> <div class="innerbox">//注意这里 <h4>我是...原创 2019-02-24 22:50:50 · 174 阅读 · 0 评论 -
负边距式布局
负边距式布局 所谓的负边距就是margin取负值的情况,如margin:-100px,margin:-100%。当一个元素与另一个元素margin取负值时将拉近距离。 在网页的布局当中,负边距起到了很大的作用。 文章目录负边距式布局利用负边距形成的三栏布局利用负边距去除块级元素中间的间隙去除列表最后一个li元素的border-bottom水平垂直居中 利用负边距形成的三栏布局 三栏布局即两边宽度...原创 2019-02-26 23:02:21 · 258 阅读 · 0 评论