Loading

小白学前端32

1.测试一个浮动文本包围图像的例子时,发现把文字和图像放在一个div里面,为了清除float而把div添加overflow:hidden;这样的效果是文字在方框里面为一行,且只有一行(多余部分被hidden了)
>>>不过百思不得解的是:重新新建一个文件测试了一下:
发现竟然是正常的,的确啊,用一个div把p元素包起来应该是会把p类似于自动降级为内联一样,
可能是写css时没按保存就直接在浏览器打开了吧,不过这个情况的确有点诧异

2.继续上边的测试,又发现之前一个未解的问题:在文字中浮动图像会出现图像存在下边距的现象
如图:


之前在薇薇学院也遇到过,是通过设置一个margin-top:16px;(设置16px是发现火狐默认的换行即为16px)
而且一设置上边距,发现下边距也会自动调整....
可能是火狐默认的行为导致的?--待解


posted @ 2017-06-07 23:53  方木  阅读(78)  评论(0)    收藏  举报