摘要: 如图为jd的广告页面 如果想给每个盒子加上美观的border,实现如下效果 如果给每个li加border的话盒子就会被撑开,则依照浮动特性一行就容纳不下4个li,li会自动掉下来。这时,可以给ul一个宽度,li就不会掉下来,如下图所示 这时,刚好ul会比外面的盒子高几像素和几及像素(如果不清除浮动u 阅读全文
posted @ 2018-06-07 19:43 Mugglean 阅读(477) 评论(0) 推荐(0) 编辑
摘要: 盒子的margin用法大家都应该很清楚,在实际中一般使用margin来水平居中或者让自己移动相应的位置,但是margin给负数在实际中也是有用的。 如图为两个浮动的盒子。 给左边的盒子margin-left: -50px;后如图所示 如图,蓝色盒子移动了,但是粉色盒子自身只是被压住了,并没有移动。 阅读全文
posted @ 2018-06-07 15:11 Mugglean 阅读(894) 评论(0) 推荐(0) 编辑