发表于: 2016-09-29 22:32:28

3 885


今天完成的事情:将任务7-1的页面写完了,还有很多地方的样式还需要调试。主要是这个定宽,让我又多加了好几个div。。然后雪碧图的应用写了一个,,开始怎么都调不好间距,后来古尘师姐告诉我是display:inline-block的样式造成的间距,目前得到解决,然后明天再学一下这个样式的属性。

轮播图也暂时还没学习。不过目前class命名开始规范了。但是还是有一些地方不知道怎么命名。

明天的计划:完成任务7-1页面样式的修改,然后学会轮播图。然后写7-2

遇到的问题:今天写7-1的时候发现一个问题,不知道这样对不对,有没有更好的办法解决这个问题

由于中间的内容栏要定宽到1200px,但是发现每次在外层的div上面写宽度或者宽度100%的时候,网页就会出现撑开。实验几次发现一个解决办法,就是在内容框外面再套一个div,然后将里面的原来的div设置1200px之后margin:0 auto就解决问题了。不过这样的话就会多出好多div来,一层套一层。。。贴个开头你们感受一下,暂时也没有想到其他的解决办法,反正这个办法虽然笨了一点,但是还蛮好用的。

       <div class="header-outer">
            <div class="header">
                <span>客服热线:010-594-78634 </span>
                    <div class="header-land"><img..微信.><img..扣扣.><img..微博.>                        </div>
             </div>
       </div>
样式:
        .header-outer{height:40px;}
        .header{height:40px;width:1200px;margin:0 auto;background-color:white;}
.header span{color:white;line-height:40px;}
.header-right{float:right;margin-top:8px;}



返回列表 返回列表
评论

    分享到