Question

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

Answer 1

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

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

所以财产声明是：

public $layout = "column2";

此文件位于 protected / views / layouts / column2.php

下

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

与以前类似的财产声明：

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

现在你已经设置了这个，你会在右侧找到你的菜单，你可以轻松地重新排列。将div span-5 放在 div下的div span-19 和 move class 最后从span-5到span-19

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

进行调用

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

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

1 个答案:

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