日常作业——html篇 浮动的理解(一)

利用浮动实现以下布局:

要求:

1.图片固定宽高;

2.文字宽度自适应;

3.兼容没有图片的情况

4.兼容ie7以上浏览器

homework_html_1

 

2016年4月20日 09:39:05追加题目

基于昨天的题目

现在要求图片在右侧显示,文字在左边

 

相关知识点:

1、浮动流元素,会失去元素本身在文档中所占的位置,所以下方的元素会“挤上来”

2、浮动元素虽然不占据文档位置,但是,文字节点并不能进入浮动元素显示区域和浮动元素设置的margin外边距

 

参考demo:m.zol.com.cn 列表部分的内容

日常作业——html篇 浮动的理解(一)

发表评论

电子邮件地址不会被公开。 必填项已用*标注