内容展示区制作

内容展示区制作

.copyright
{
width:100%;
height:200px;
background-color:#E8E8E8;
margin-top:10px;
clear:both; //要给最下方清除浮动！
}

兼容IE6-IE8的做法。
min-height：是最低高度，可以伸缩。

 <div class="list_main">
            <div class="news_type"></div>
            <div class="list_box">
                <p><strong>示例格式参考如下：</strong></p>
                <p>爹地，</p>
                <p>儿在外已多日，</p>
                <p>请汇钱！  </p>
                <p>&nbsp，</p>
                <p><strong>奖励：</strong>父亲专属（邮寄给父亲的奖品！</p>
                <p><strong>获奖名额：</strong>8名 </p>
                <p><strong>抽奖规则：</strong></p>
                <p>最逗比奖：4名（robo水烟壶）</p>
                <p>最煽情奖：4名（奔腾剃须刀）</p>
                <p>（注：不可照搬示例内容，否则视为无效恢复）</p>
            </div>
        </div>

.list_main
{
	min-height:350px;
	_height:350px;
	background-color:#FFF;
	margin-top:10px;
}

.news_type
{
	width:220px;
	height:350px;
	border:1px solid #E8E8E8;
	background-color:#9FC;
	float:left;
}

.list_box
{
	width:770px;
	min-height:350px;
	_height:350px;
	background-color:#F9F;
	border:1px solid #E8E8E8;
	float:right;
}