发表于： 2016-05-03 15:48:06
4 1452
今天完成的事情：经过一天多的折腾终于把第一部分搞出来了…头部让我费了半天劲，之前登陆页面头部有三项如下，我是在一个大div框里设置三个class每个width占33%，这样这他们仨就三等分排布了，两边的再朝左右float一下。（不知道这样对不对，求师兄/姐指点）
而这次的头部只有两项………左！中！分布…醉了！想了半天，最后还是用position搞定左边的，中间的用居中。如下图。
明天计划的事情：做第二部分。
遇到的问题：还真有！想不太明白，最下面的圆角按钮我先用两个大盒子平分页面宽，然后再放进去个margin 0 auto; 居中的小盒子 上面显示文字，当我用下面的代码想让显示出的按钮区可点选的时候，发现鼠标移动到按钮两侧空白区也会变成手行！也就是链接效果在按钮所在行都有效！！……哎呦我去！？ 把按钮的margin 0 auto; 改成了float：left；之后就好了！…仅按钮区域可点选了…哎…一脸懵逼……
<div class="bigbox"><a href="#">
<div class="smallbox">
电话联系</div>
</a>
</div>
返回列表
评论