黑马程序员技术交流社区

标题: 大神求解！ [打印本页]

---

作者: content    时间: 2016-9-19 10:32
标题: 大神求解！
在基础视频中有一个网页制作《尚合》我做完了，但是最底部我懵逼了，不知道怎么做。马上上图！！这是我编写的低栏代码：
问题如下：
1，原图低栏右上角的图片放不上去！
2，中间是虚线没有像原图一样，显示全部页面？
        <div class="dibu">
                <div class="dibu-l"></div>
                <!-- <div class="dibu-r"> <img src="尚合.html/228.png" alt=""></div> -->
                <div class="banxin">
                <div class="kuang">
                        <dl>       
                                <dt>尚合首页</dt>
                                <dd>返回首页</dd>
                        </dl>
                        <dl>
                                <dt>智能手机</dt>
                                <dd>Aone-T</dd>
                                <dd>Aone</dd>
                                </dl>
                        <dl>
                                <dt>平板电脑</dt>
                                <dd>尚PAD S200</dd>
                                <dd>尚PAD S100</dd>
                                <dd>尚PAD SH-Q7</dd>
                                <dd>尚PAD SH-Q5</dd>
                        </dl>
                        <dl>
                                <dt>配件中心</dt>
                                <dd>Aone 智能手机</dd>
                        </dl>
                        <dl>
                                <dt>服务与支持</dt>
                                <dd>售后服务</dd>
                                <dd>投诉与建议</dd>
                                <dd>联保网点</dd>
                                <dd>常见问题FAQ</dd>
                                <dd>订单查询</dd>
                                <dd>下载专区</dd>
                        </dl>
                        <dl>
                                <dt>关于我们</dt>
                                <dd>公司介绍</dd>
                                <dd>企业文化</dd>
                                <dd>工作机会</dd>
                                <dd>法律声明</dd>
                                <dd>联系我们</dd>
                        </dl>
                        <dl>
                                <dt>新闻中心</dt>
                                <dd>公司新闻</dd>
                                <dd>媒体报导</dd>
                                <dd>行业动态</dd>
                        </dl>
                        <dl>
                                <dt>常用链接</dt>
                                <dd>百度</dd>
                                <dd>Google</dd>
                                <dd>新浪微博</dd>
                        </dl>         
                </div>
                        <div class="dibu-r">
                                <span style="margin-left:190px;">&copy2011-2012版权所有 深圳市汇聚众合科技发展有限公司 （品牌：尚合-SAMHAVE） 服务热线：400-633-7922</span><br>
                                <span style="margin-left:380px;">经营许可证编号：粤ICP备11077821号-1</span>
                                <div class="baidu"></div>
                        </div>
                </div>
        </div>
        <!-- dibu   e -->
</body>
</html>

尚合22.png (48.31 KB, 下载次数: 28)

下载附件

2016-9-19 10:27 上传

这是原图低栏

尚合11.png (60.11 KB, 下载次数: 36)

下载附件

2016-9-19 10:27 上传

这是我制作后的低栏

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2