问题一:设置margin-top时背景会跟着小圆点移动
我的解决办法:给背景图设置float:left;
实际原因:每个盒子里的第一个盒子没有设置定位或者浮动,它的margin-top是失效的,继承到上一个盒子上去了。
实际解决办法:背景图盒子设置padding-top:1px;
问题二:div盒子设置float:left; margin-left,在进行鼠标悬停hover滑进放大时,圆圈贴着左上两边进行放大。
我的解决办法:margin-top,margin-left设置成负值(负值一般不使用,只能在极特殊情况使用)
实际问题:需要中心放大
解决办法:还需学习新的知识
问题三:<span></span>只有margin-left和margin-right生效,margin-top和margin-bottom是失效的
我的解决办法:外面套个div盒子
问题四:怎么在li中加入分割线
我的解决办法:border-left:1px red solid; 单独去掉某一个分割线需要单独设置border-left:none;
问题五:单独修改某一li里无背景的做法
我的解决办法:一定带上父类选择器,假设单独的li设置class="nav1",外套的div为class="top"
.top ul .nav1{
background:none;
}
.nav1相当于li