为了账号安全,请及时绑定邮箱和手机立即绑定

第一个div设置float后会覆盖第二个没设置浮动的div,但不会覆盖第二个p标签里面的文字?

第一个div设置float后会覆盖第二个没设置浮动的div,但不会覆盖第二个p标签里面的文字?

慕粉gogogo 2016-11-17 13:32:38
第一个div设置float后会覆盖第二个没设置浮动的div,但不会覆盖第二个p标签里面的文字。虽然百度了很多,但还是不是很理解。望大神帮忙。还有第二个问题,在懵逼理解的情况下,又不懂一个问题,代码如下:<html><head>    <title>浮动问题</title>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">    <style type="text/css">        *{padding: 0px;          margin: 0px;}        .fudong{width:200px;        height:200px;        border:2px green solid;        float: left;}        .fudong1{width:400px;        height:200px;        border:2px green solid;}    </style></head><body><div class="fudong">框一</div><div class="fudong1"><img src="img/1.jpg" height="200px" width="200px"></div></body></html>最后显示的结果:如果把地二个div的width再改大一点(比如500px),就可以了.可是按理说我的二个div宽度设置为400px就可以了啊,不理解,望解答.
查看完整描述

3 回答

已采纳
?
Lemon156

TA贡献91条经验 获得超32个赞

对于问题一,因为div是块级元素,所以对第一个div设置浮动并不会影响到本身的内容,相反会影响第二个div的内容,这也是你第二个问题,因为div的宽度是200px,还有边框2px,所以第一个div的offsetWidth值是204px,所以它影响第二个div的宽度也是204px,因此第二个div的宽度至少也得404px,图片才会在div内


希望这样的解答能帮到你

查看完整回答
3 反对 回复 2016-11-17
  • 慕粉gogogo
    慕粉gogogo
    谢谢,没考虑到边框的问题
  • 慕粉gogogo
    慕粉gogogo
    可p也是块级元素。这点没搞明白,在我的认知里,我以为会覆盖第二个P标签,现在搞不明白这里。
  • Lemon156
    Lemon156
    有测试过了,最小是403px,我也不清楚403px也可以,理论上最小是404px
点击展开后面3
?
钱不多多

TA贡献3条经验 获得超3个赞

你要把边框的宽度也算进去才行~~~

查看完整回答
1 反对 回复 2016-11-17
?
慕田峪3555374

TA贡献137条经验 获得超18个赞

应该是img标签的问题

查看完整回答
反对 回复 2016-11-17
  • 3 回答
  • 0 关注
  • 5957 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信