接下来,最关键的一步,给最右边那个.word1加上一个内部样式,定义一下宽度width:200px,就OK了。
问题解决~~~~
在谷歌或者火狐鼠标放在蓝色线条上右键检查,看其样式,然后找到相应的类改掉应该就可以了,如果你想去掉的话;如果他是背景你就用background: none如果是边框的话,你把边框设为0就可以了;改颜色也是这个道理消除边框的有几种,如下:
此为消除标签元素自带的一些边距:
margin:0 padding:0此为消除标签元素自带的一些边线:
border:noneborder-left:none//消除左边线
border-right:none//消除右边线
border-top:none//消除上边线
border-bottom:none//消除下边线
像图片中的样式要利用层级关系,让大框在小框下面被遮挡,再消除小框架的右边线:
.a{ width:100px height:100px background-color:#eee position:relative border:1px solid #ff0707 border-right:none margin-top:300px }.b{ width:300px height:300px z-index:-1 background-color:#eee position:absolute left:99px top:-100px border:1px solid #ff0707 }