html - 垂直拆分页面 HTML CSS - 使用相反的颜色

Question

我是第一次与 Jekyll 合作，需要一些造型方面的帮助。

我正在尝试创建一个垂直分割中间的页面，左半部分是黑色的白色字体，右半部分是白色的黑色字体。

Answer 1

看这个例子：

<div id="black"></div>
<div id="white"></div>

在你的 CSS 中，

#black{
    float:left;
    background-color:black;
    width:50%
    height:100%;
    color:white;
}
#white{
    float:right;
    background-color:white;
    width:50%
    height:100%;
    color:black;
}

Answer 2

HTML：

<div id="left">Left</div>
<div id="right">Right</div>

CSS：

#left{float:left;width:50%;height:100%;color:#FFF;background:#000}
#right{float:right;width:49%;height:100%;color:#000;background:#FFF}