CSS三列布局

我正在尋找完成以下佈局的最佳方法。我需要容納不同大小的頁眉和頁腳，其中我無法控制。在這些元素之間，我需要設置一個固定的三列布局。總佈局需要始終在橫向模式下的一個標準頁面上打印。如果我不必考慮頁眉/頁腳，我知道我可以使用固定的佈局，但我不能。佈局需要是：CSS三列布局

可變高度頭
DIV與三個固定寬度的列
可變高度頁腳

P.S.對不起，還不知道到這裏圖形顯示:(這有道

來源

2011-04-28 earachefl

像他們在這裏做的事情？ http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/或http://matthewjamestaylor.com/blog/perfect-3-column.htm – 2011-04-28 18:37:44

看看這2篇文章... - http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm - http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks The第一篇文章將介紹如何設置3列，第二篇介紹如何關注具有獨特背景色的如何使它們高度相等。我希望這有幫助。斯托伊奇 – Hristo 2011-04-28 18:34:56

如果你正在尋找有文本分爲三列，請客，你可以嘗試CSS3的列：

然而，這是不是在舊的瀏覽器支持。

來源

2011-04-28 18:41:45 Mario

如果你想控制你如何[R頁打印，使用@page規則，如：對@頁

<html> 
    <head> 
     <style type="text/css"> 
      @page 
      { 
       size:portrait; 
       margin:1in; 
      } 
     </style> 
    </head> 
    <body>...</body> 
</html>

更多信息可在W3C的CSS 2 spec被發現。

來源

2011-04-28 19:40:15

CSS三列布局

回答

相關問題