P03:博客首页主体的两栏布局

Posted wgchen~

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了P03:博客首页主体的两栏布局相关的知识,希望对你有一定的参考价值。

阐述

我们的博客主体分为左右两栏布局,左边是主要展示的是文章列表,右边是个人信息和一些广告的东西。并且也是在不同的终端中有不同的表现。

本文我们先制作出两栏布局。

对公用头部的微调

上篇完成了公用头部的编写,但是发现公用头部还是不那么的好看,特别是在2K屏下,显得太小气了。

所以先对公用头部的CSS进行调整。

打开 header.css 文件,改成下面,代码的样式。

blog\\styles\\header.css

.header
   
    background-color:

以上是关于P03:博客首页主体的两栏布局的主要内容,如果未能解决你的问题,请参考以下文章

自适应的两栏布局

CSS总结——常见的两栏三栏布局

使用 CSS 网格的两栏报纸布局

网页自适应布局方案

两栏布局必掌握实现方式(超简单)

谁能详细说说wordpress主题的 一栏 两栏 三栏 是表达啥 有啥区别 有没典型例子?