论坛

标题: 底端布局 [打印本页]
作者: 晓晓喵    时间: 2020-3-18 11:39
标题: 底端布局
图一 二是我写的代码，但是效果跟图四不一样，请问错在哪里了，应该怎么改？

作者: yuanxi52028    时间: 2020-3-18 15:50
本帖最后由 yuanxi52028 于 2020-3-18 15:51 编辑

关于我们这个应该没问题，问题可能在新闻中心，可能新闻中心没定高度，或者某个div少了标签结尾导致的，先全部检查一下，如果还没有解决可以把整个代码发出来看看。
作者: 晓晓喵    时间: 2020-3-19 10:50
麻烦再帮我看一下有没有错
作者: yuanxi52028    时间: 2020-3-19 11:27
本帖最后由 yuanxi52028 于 2020-3-19 11:29 编辑
晓晓喵 发表于 2020-3-19 10:50
麻烦再帮我看一下有没有错

麻烦发一下整体的代码，从<html>到</html>，能复制不？不用发图片。
作者: 晓晓喵    时间: 2020-3-19 13:14
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>

  14. <body>

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

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

  128.        
  129. <!--关于我们区域-->       
  130.        
  131.        
  132.        
  133.        
  134.        
  135.        
  136.         <div class="about">
  137.         <div class="ablogo"><img src="images/log.png"/></div>
  138.         <h1>深圳
  139.                 </h1>
  140.         <div class="line"></div>
  141.         <div class="text">深圳，简称“深”，别称鹏城，是广东省副省级市、计划单列市、超大城市，<br/>复确定的中国经济特区、全国性经济中心城市和国际化城市   。截至2018年末，全市下辖9个区，总面积1997.47平方千米，<br/>积927.96平方千米，常住人口1302.66万人，城镇人口1302.66万人，城镇化率100%，是中国第一个全部城镇化的城
  142.                 市</div>
  143.         </div>
  144.        
  145. </body>
  146. </html>
复制代码
作者: yuanxi52028    时间: 2020-3-19 14:14
[attach]154994[/attach]

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

作者: 晓晓喵    时间: 2020-3-20 14:18
yuanxi52028 发表于 2020-3-19 14:14
同学，你样式高度属性拼错啦，应该是height。和我最开始猜想的一样，没有定义高度导致的。

...

好的谢了



欢迎光临 论坛 (http://bbs.qinxue.com/) Powered by Discuz! X3.1