如何使用 Yii 1.1 创建 2 列（左侧 190 像素，右侧自动）布局？

Question

我是一个新 Yiier，我有一个问题是如何使用 yii 1.1 创建 2 列布局， 我的意思是左边div的宽度190px是菜单，右边是body，右边的宽度是100%，我需要一个div作为body div下的页脚，高度是50px。 非常感谢您的帮助。

Answer 1

如果你使用默认的 Yii 布局和样式。

您应该在需要 2 列的视图的控制器中启用 column2 布局。或者，如果您需要项目明智的做法，请在 protected/components/Controller.php 中进行，因为每个控制器都扩展了这个。

所以属性声明是：

public $layout = "column2";

这个文件可以在 protected/views/layouts/column2.php 下找到

在此文件中，您将找到两个具有 span-5 和 span-19 类的 div。如果您打开 screen.css，您将看到这些类的宽度分别为 190px 和 750px。在具有 5 类的 div 中，您可以在应该用于菜单的 Portlet 中找到小部件 CMenu，它从属性 $menu 获取项目列表，这是一个简单的关联数组。

与之前类似的属性声明：

public $menu = array(array("label"=>"Hello", "url"=>"world.com"));

现在您已经设置好了，您会在右侧找到您的菜单，您可以轻松地重新排列它。将类 span-5 的 div 置于 类 span-19 和 move 类 的 div最后 从 span-5 到 span-19

div footer 没有定义属性高度，这意味着它会扩展，但您可以轻松添加自己的样式，将属性高度设置为 50px，并可能添加溢出：隐藏，这将隐藏所有内容超过 50 像素。您将这些属性添加到 ../protected/css/ 目录下您自己的文件中，并使用

调用它

Yii::app()->clientScript->registerCssFile(Yii::app()->request->baseUrl."/css/yourFileName.css","screen, projection");