摘要: 列表等默认是纵向排列。我们需要它横向排列时通常会用float来实现,但是使用了float也通常会引发一些排版问题。今天我学到了另一种方法:设定标签的display:inline,把设定为内联元素来实现横向排列的效果,不需要使用float。列表横向排列的另一种方法 Item1 Item2 ... 阅读全文
posted @ 2014-10-15 01:21 孤独的狂欢 阅读(22866) 评论(1) 推荐(0) 编辑
摘要: DIV中插入图片的话就会出现图片的下面有大概3px的空隙。在DW中看不到,但是在浏览器浏览的时候看出问题了。有4个解决方法:(1) css 添加display:block;(2) css 添加vertical-align:top;(3) css 添加vertical-align:bottom;(4)... 阅读全文
posted @ 2014-10-12 15:06 孤独的狂欢 阅读(1420) 评论(0) 推荐(0) 编辑
摘要: 按照CSS规范,浮动元素(float)后会被移出文档流,不会影响到块状盒子的布局而只会影响内联盒子(通常是文本)的排列,所以不会撑开父元素的高度。但是很多时候我们需要页面根据内容自动调整高度的。如何解决这个问题呢?有6个方法:(1)在浮动子元素后面添加(2)父元素CSS添加z-index:1; ov... 阅读全文
posted @ 2014-10-10 22:38 孤独的狂欢 阅读(2459) 评论(0) 推荐(0) 编辑