为了账号安全,请及时绑定邮箱和手机立即绑定

自适应高度问题 min-height 下面版权部分被撑开了,并且min-height也没有起作用,请教各位大神



HTML代码:

<div class="list_main">

  <div class="list_left">

  <h2>新闻中心</h2>

  <div class="news_type_list">

  <ul>

  <li><a href="list.html">公司新闻</a></li>

   <li><a href="list.html">媒体报道</a></li>

    <li><a href="list.html">行业新闻</a></li>

     <li><a href="list.html">活动专题</a></li>

      <li><a href="list.html">精彩视频</a></li>

       <li><a href="list.html">资源下载</a></li>

        <li><a href="list.html">公司内刊</a></li>

  </ul>

  </div>

  </div><!--list_left结束-->

<div class="list_right">

<h1 class="newsTitle">慕课网获App Store强力推荐荣登四榜单</h1>

        <p class="newsInfo">发布人:Admin 发布时间:2014-08-01 浏览:5321次</p>

        <div class="newsContent">

        <p> 8月伊始,慕课网App即获得了App Store的多个推荐,同时出现在“免费App精选”、“致毕业生”、“学而不倦”以及“轻松学编程”四个榜单中。这款IT编程学习类的App为何如此备受青睐?趣味视频课程、高清画面质感、在线离线随身学习……优质的课程内容结合良好的用户体验,慕课网App无疑是IT学习的最佳选择。</p>

        <p> App Store力荐慕课网荣登四榜单</p>

        <p>App Store因公平著称,能被其推荐是每一款App梦寐以求的荣誉,慕课网则一举占据了其四个榜单,包括精品推荐首页“合集”版块下“免费App精选”中的“新品”推荐、“合集”版块“致毕业生”中“学无止境”推荐、教育类别“合集”版块下“学而不倦”中的推荐以及“轻松学编程”版块推荐。</p>

        <p><img src="images/news1.jpg" width="500" height="420" alt=""/></p>

        <p>事实上,慕课网登上App Store榜单并非首次。早在2014年5月,慕课网就荣登App Store 精品推荐榜首,同时登上“教育”类别下“优秀新App”榜首,并获评“五月最佳”精彩App。随后,慕课网App接连出现在“致毕业生”、“免费App精选”、“夏日学堂”等榜单中。</p>

        <p>从App Store的持续推荐以及“优秀”、“精选”的肯定中不难看出,慕课网在IT在线学习领域以及教育类App中得到了用户的认可。</p>

        <p>新功能上线持续提升用户体验一款好的产品同样需要不断改进来满足用户需求。慕课网App上线至今进行了多个版本的迭代,不断完善产品、提升用户体验,ios最新的2.1.0版本于7月20日更新,上线了大量新功能。</p>

        <p>明确、清晰的课程分类能够让用户迅速找到感兴趣的课程,本次慕课网就上线了全新的课程分类方式,点击“全部课程”即可显示出全部的技术语言种类以及视频课程数量,全部在线课程一目了然。</p>

        <p>不知道讲师在哪里?此版本更新中添加了讲师认证,不仅对讲师空间进行了认证,在课程讨论和笔记中,通过认证标识,一眼可以看到哪个是讲师回复。</p>

        <p>此外,慕课网App在最新版本中调整了下拉刷新和上拉加载的效果;课程练习部分增加了习题解析;对半透化效果、全屏播放器按钮进行了优化,并新增了编程课、ps课程。一系列的改进相信能为IT学习用户带来更好的学习体验。</p>

        <p>慕课网App在精品视频课程的基础上,不断优化用户体验,帮助IT学习者迅速入门、提升技能,以优秀的产品基因获得App Store的多个推荐,使更多用户有机会使用这款IT学习软件,体验学习的简单和快捷。</p>


</div>

</div><!--list_right结束-->

</div><!--list_main结束-->


CSS代码:

.list_main{min-height:350px;_height:350px;margin-top:10px;}

.list_left{width:220px;

          height:350px;

 

 float:left;border:1px solod #E8E8E8;}

.list_left h2{width:200px;height:35px;background:url(images/titile_bg.gif) repeat-x;font-family:"Microsoft YaHei UI";color:#666;font-size:14px;padding-left:20px;line-height:35px;}


.news_type_list li{list-style:none;height:30px;line-height:30px;/*text-align:center;*/}

.news_type_list a{text-decoration:none;color:#666;background:url(images/li_bg.gif) no-repeat center left;

  padding-left:15px;}

.news_type_list a:hover{background:url(images/li_bg2.gif) no-repeat center left;color:#009CDF;background-color:#F2F2F2;display:block;}


/*具体新闻内容样式*/

.list_right{width:770px;

       min-height:350px;/*最低高度 在IE6不能使用*/

 _height:350px;/*只在IE6可用 只要内容大的时候,自动撑开盒子 只需要设置盒子的高度*/

 float:right;border:1px solod #E8E8E8;}

 .list_right h2{font-family:"Microsoft YaHei UI";height:35px;line-height:35px;font-size:14px;color:#666;background:url(images/titile_bg.gif) repeat-x;padding-left:20px;}

/*新闻详细内容样式*/

.newsTitle{font-size:20px;font-family:"Microsoft YaHei UI";text-align:center;padding:10px;}

.newsInfo{font-size:12px;border-bottom:1px solid #E8E8E8;color:#666;text-align:center;}

.newsContent{font-size:14px;line-height:25px;text-indent:2em;}

.newsContent img{margin:5px auto;display:block;}


正在回答

2 回答

这里面看不到你的底部版权的css样式,版权样式里面需要clear:both;这句意思就是两边不允许浮动存在,版权块始终处于单独一排。

0 回复 有任何疑惑可以回复我~


抱歉,图在下面

http://img1.sycdn.imooc.com//57b1d613000166b807000564.jpg

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

自适应高度问题 min-height 下面版权部分被撑开了,并且min-height也没有起作用,请教各位大神

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信