使用分隔符分割内容区域

HTML的hr标签怎样垂直分割网页

首先要清楚<hr>的两个属性size和width,它们分别是竖向的长度和横向的长度.
一般写横的时候是<hr size="1">,这个时候的size可以理解为竖向长度是1,横向长度是外标签的长度,就是一条横线的效果.
当写竖的是<hr size="666" width="1">,这个时候的size可以理解为竖向长度是666,而width表示横向长度是1,就是一条竖线的效果.

但是我们一般应该用div来模拟这个垂直分割线：

<div style='width:49%;float:left;height:700px;'>内容区域</div>
<div style='width:1px;border:1px solid red;float:left;height:700px;'><!--这个div模拟一条红色的垂直分割线--></div>
<div style='width:50%;float:left;height:700px;'>内容区域</div>

 

https://www.imooc.com/qadetail/186046?t=278918

https://blog.csdn.net/qq15577969/article/details/79515333