float浮动覆盖的问题

b***

*{margin:0;padding:0;}body{min-width:700px;}.top,.footer{float:left;width:70%;height:40px;background:#ddd;line-height:40px;text-align:center;} 11111111111111333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333222222222222244444444444444444555555555555555555想问下头部设置了浮动的话，中间的div里的文字是不会被提上去或者被遮盖吗？

m7041***

你要知道浮动最初设计出来是用来做什么的,浮动是可以用来做文字环绕图片的.图片设置浮动之后,它之后的元素就可以环绕它.你可以吧main元素设置的短一点.就会发现了,之所以你看到main没有提上去,是因为你的文字太长,又不能换行,浮动元素剩下的那半部分放不下main函数.
.main{word-wrap:break-word;word-break:break-all;}这样设置一下强制断行,你就能看到文字环绕了

m7234***

遮盖要写定位的
浮动的话如果长度超宽会自动换行的~

时代威客APP

时代威客公众号

时代威客小程序

猜你需要

热门需求

float浮动覆盖的问题

参与会员2

可能感兴趣的问答

浏览过的版块

最新任务

最新问答

优

快

专

保

新手帮助

平台规则

关于时代

便捷服务

微信小程序

新浪微博

手机客户端