CSS三栏布局_Css - Fatal编程技术网

CSS三栏布局

css

CSS三栏布局,css,Css,我正在寻找实现以下布局的最佳方法。我需要适应不同大小的页眉和页脚，我无法控制它们。在这些元素之间，我需要设置一个固定的三列布局。在横向模式下，总布局需要始终打印在一个标准页面上。如果我不必考虑页眉/页脚，我知道我可以使用固定的布局。。。但我不能。布局需要：可变高度收割台具有三个固定宽度列的div 可变高度页脚 p、抱歉，我还不知道如何在这里以图形方式显示此内容：（如果您希望将文本分为三列，请尝试CSS3的列：但是，较旧的浏览器不支持此功能。如果您希望将文本分为三列，您可以尝试CS

我正在寻找实现以下布局的最佳方法。我需要适应不同大小的页眉和页脚，我无法控制它们。在这些元素之间，我需要设置一个固定的三列布局。在横向模式下，总布局需要始终打印在一个标准页面上。如果我不必考虑页眉/页脚，我知道我可以使用固定的布局。。。但我不能。布局需要：

可变高度收割台
具有三个固定宽度列的div
可变高度页脚

p、抱歉，我还不知道如何在这里以图形方式显示此内容：（

如果您希望将文本分为三列，请尝试CSS3的列：

但是，较旧的浏览器不支持此功能。

如果您希望将文本分为三列，您可以尝试CSS3的列：

但是，旧浏览器不支持此操作。

如果要控制页面打印方式，请使用@page规则，如下所示：

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


@页面
{
尺寸：人像；
边缘：1英寸；
}
...

有关@page的更多信息可以在W3C上找到。

如果您想控制页面的打印方式，请使用@page规则，如下所示：

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


@页面
{
尺寸：人像；
边缘：1英寸；
}
...

@page上的更多信息可以在W3C上找到。

看看这两篇文章…-第一篇文章将描述如何设置3列，第二篇描述如何使它们高度相等，如果你想拥有独特的背景颜色。我希望这会有所帮助。hr类似于他们在这里所做的事情？或者看看这两篇文章…-第一篇文章将描述如何设置3列，第二篇描述如果你想拥有独特的背景颜色，如何使它们的高度相等。我希望这会有所帮助。类似于他们在这里所做的事情？或者