在CSS中创建两个完整页面垂直线

时间:2013-08-06 00:11:11

标签: html css

使用它们来划分页面并在侧面添加边界到我的整个内容

所以看起来像这样

   | content  | 

但是整页

3 个答案:

答案 0 :(得分:1)

请看一下这个网站:In Search of the Holy Grail,它解释了如何在html中完成三列布局。

答案 1 :(得分:0)

除非我误解了这个问题,否则你可以使用它:

body{
  border-left: 1px solid;
  border-right: 1px solid;
}

Here's the Fiddle

答案 2 :(得分:0)

在html和body上设置100%的高度,并在body上设置border-left和border-right。

html {
  height: 100%;
}
body {
  height: 100%;
  width: 1000px; // width of your fixed width page, in pixels
  border-left: 1px solid;
  border-right: 1px solid;
}