快捷导航
发新帖
返回列表
6 2382
电梯直达  跳转到指定楼层

[提问] 底端布局

晓晓喵|新手上路 |勤币 41 |学币 0
发表于 2020-3-18 11:39 | 复制链接 | 打印 | 上一主题 | 下一主题
图一 二是我写的代码,但是效果跟图四不一样,请问错在哪里了,应该怎么改?

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
举报 使用道具
| 回复

共6个回复 最后回复于 2020-3-20 14:18

勤币 614   学币 0  
沙发
发表于 2020-3-18 15:50:44 | 只看该作者
本帖最后由 yuanxi52028 于 2020-3-18 15:51 编辑

关于我们这个应该没问题,问题可能在新闻中心,可能新闻中心没定高度,或者某个div少了标签结尾导致的,先全部检查一下,如果还没有解决可以把整个代码发出来看看。
举报 使用道具
勤币 41   学币 0  
板凳
发表于 2020-3-19 10:50:30 | 只看该作者
麻烦再帮我看一下有没有错

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
举报 使用道具
勤币 614   学币 0  
地板
发表于 2020-3-19 11:27:11 | 只看该作者
本帖最后由 yuanxi52028 于 2020-3-19 11:29 编辑
晓晓喵 发表于 2020-3-19 10:50
麻烦再帮我看一下有没有错

麻烦发一下整体的代码,从<html>到</html>,能复制不?不用发图片。
举报 使用道具
勤币 41   学币 0  
5#
发表于 2020-3-19 13:14:01 | 只看该作者
yuanxi52028 发表于 2020-3-19 11:27
麻烦发一下整体的代码,从到,能复制不?不用发图片。
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>无标题文档</title>
  6. <link href="images/imt.css" rel="stylesheet" type="text/css">
  7. <style type="text/css">
  8. body {
  9.     background-color: #F4ECEC;
  10. }
  11. </style>
  12. </head>

  13. <body>

  14. <div class="header">
  15. <a href="#" class="logo"><img src="images/logo.png" alt=""></a>
  16.        
  17.         <div  class="hdRight">
  18.    <div class="text"><a href="#">EN</a>  <a href="#">收藏本站</a>  <a href="#">企业邮箱</a></div>
  19.                 <div class="tel">咨询电话:********</div>
  20.         </div>
  21.         </div>
  22.        
  23.        
  24.        
  25.         <div class="nav">
  26.                 <ul>
  27.         <li><a href="index.html">首页</a></li>
  28.    <li><a href="about.html">关于恒杰</a></li>
  29. <li><a href="#">产品中心</a></li>
  30. <li><a href="news.html">新闻资讯</a></li>
  31.                         </ul>
  32.         </div>
  33.         <div class="banner"></div>
  34.        
  35.        

  36.        
  37.         <div class="pro">
  38.        
  39.         <div class="title">
  40.                 <h2>产品展示</h2>
  41.                 <p>product display</p>
  42.                 </div>
  43.                
  44.                
  45.                 <div class="wrap">
  46.                 <a href="#" class="box" style="margin-right: 0">
  47.                         <img src="images/pot1.jpg"/>
  48.                         <div class="text">
  49.                         <h3>氯化钾</h3>
  50.                 <p>UI的官方非分红普洱防控IG然后就热加盟费垃圾烦得很送可能我</p>
  51.                         </div>
  52.                         </a>
  53.                         <a href="#" class="box" style="margin-right: 0">
  54.                         <img src="images/pot2.jpg"/>
  55.                         <div class="text">
  56.                         <h3>氯化钾</h3>
  57.                 <p>UI的官方非分红普洱防控IG然后就热加盟费垃圾烦得很送可能我</p>
  58.                         </div>
  59.                         </a>
  60.                        
  61.         </div><a href="#" class="box" style="margin-right: 0">
  62.                         <img src="images/pot3.jpg"/>
  63.                         <div class="text">
  64.                         <h3>氯化钾</h3>
  65.                 <p>UI的官方非分红普洱防控IG然后就热加盟费垃圾烦得很送可能我</p>
  66.                         </div>
  67.                         </a>
  68.        
  69.         </div>
  70.                
  71.        
  72.         <!--新闻中心-->
  73. <div class="news">
  74.         <div class="title">
  75.         <h2>新闻中心</h2>
  76.         <p>News</p>
  77.         </div>
  78.         <div class="wrap">
  79.         <div class="video"><img src="images/p3.jpg"/></div>
  80.                
  81.                
  82.                 <ul class="list">
  83.                 <li>
  84.                         <a href="#">
  85.                         <div class="time">
  86.                                 03<span>2019年9月</span>
  87.                                 </div>
  88.                                 <div class="text">
  89.                                 <h3>省略一百字</h3>
  90.                                 <p>内容</p>
  91.                                 </div>
  92.                             </a>
  93.           </li>
  94.                        
  95.                         <li>
  96.                         <a href="#">
  97.                         <div class="time">
  98.                                 03<span>2019年9月</span>
  99.                                 </div>
  100.                                 <div class="text">
  101.                                 <h3>省略一百字</h3>
  102.                                 <p>内容</p>
  103.                                 </div>
  104.                             </a>
  105.           </li>
  106.                        
  107.                         <li>
  108.                         <a href="#">
  109.                         <div class="time">
  110.                                 03<span>2019年9月</span>
  111.                                 </div>
  112.                                 <div class="text">
  113.                                 <h3>省略一百字</h3>
  114.                                 <p>内容</p>
  115.                                 </div>
  116.                             </a>
  117.           </li>
  118.   </ul>
  119.                
  120.         </div>
  121.        
  122.        
  123.         </div>

  124.        
  125. <!--关于我们区域-->       
  126.        
  127.        
  128.        
  129.        
  130.        
  131.        
  132.         <div class="about">
  133.         <div class="ablogo"><img src="images/log.png"/></div>
  134.         <h1>深圳
  135.                 </h1>
  136.         <div class="line"></div>
  137.         <div class="text">深圳,简称“深”,别称鹏城,是广东省副省级市、计划单列市、超大城市,<br/>复确定的中国经济特区、全国性经济中心城市和国际化城市   。截至2018年末,全市下辖9个区,总面积1997.47平方千米,<br/>积927.96平方千米,常住人口1302.66万人,城镇人口1302.66万人,城镇化率100%,是中国第一个全部城镇化的城
  138.                 市</div>
  139.         </div>
  140.        
  141. </body>
  142. </html>
复制代码
举报 使用道具
勤币 614   学币 0  
6#
发表于 2020-3-19 14:14:13 | 只看该作者


同学,你样式高度属性拼错啦,应该是height。和我最开始猜想的一样,没有定义高度导致的。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
举报 使用道具
勤币 41   学币 0  
7#
发表于 2020-3-20 14:18:37 | 只看该作者
yuanxi52028 发表于 2020-3-19 14:14
同学,你样式高度属性拼错啦,应该是height。和我最开始猜想的一样,没有定义高度导致的。

...

好的谢了
举报 使用道具
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表