程序博客网 > 炉石传说卡牌数据库

关于浮动元素的经典考题

来源：互联网发布：炉石传说卡牌数据库编辑：程序博客网时间：2024/05/16 02:53

请看下面代码：

<div class="one"></div><div class="two"></div><div class="three"></div>

如何在不改变上述代码、不使用绝对定位和相对定位的情况下，实现如下效果图：

关于浮动元素的经典考题 - 1041796678 - 鬼眼邪神

答案如下：

<!DOCTYPE html><html><head><meta charset="utf-8"/><title>HTML5</title><style>* {margin:0;padding:0;}.one {width:200px;height:200px;background:red;float:left;}.two {background:blue;clear:left;float:left;width:200px;height:200px;margin-top:10px;}.three {width:200px;height:410px;background:green;margin-left:210px;_margin-left:207px;}</style></head><body><div class="one"></div><div class="two"></div><div class="three"></div></body></html>

第一个div左浮动，第二个div先清浮动再左浮动。由于在IE6中浮动元素和非浮动元素在同一行时会增加3px的间距，这个时候就要用到hack技术，给第三个div设置CSS声明_margin-left:207px;

0 0

炉石传说卡牌数据库

炉石传说卡牌数据库

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子运动上衣外套瑜伽背心妈妈装中老年女装假两件女式羊绒大衣中长款阔腿裤配什么上衣运动裤配什么上衣好看哈伦裤配什么上衣喇叭裤配什么上衣女卡其裤子与上衣搭配图女式秋装新款上衣工装裤搭配什么上衣卡其色裤子配什么上衣军绿色裤子配什么上衣黑色裤子配什么颜色上衣米色裤子配什么颜色上衣绿色裤子配什么颜色上衣白色裤子配什么颜色上衣杏色裤子配什么颜色上衣军绿色工装裤配什么上衣格子裤子配什么上衣好看图片老爹裤搭配什么上衣百褶裙搭配什么上衣白裤子配什么颜色上衣黑裤子配什么颜色上衣灰色裤子配什么颜色上衣灰裤子配什么颜色上衣鱼尾裙搭配什么上衣黑色长裙配什么上衣深蓝色裤子配什么上衣灰色裤子配什么上衣灰色裤子搭配什么颜色上衣米白色裤子配什么颜色上衣衮衮怎么读衮州大衮衮衮作品衮服衮衮诸公