永发信息网

浮动的问题...请高手看代码..

答案:2  悬赏:50  手机版
解决时间 2021-08-01 11:55
  • 提问者网友:椧運幽默
  • 2021-07-31 23:38

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.middle{width:980px; background:#F00;}
.middle_left{width:100px; float:left; background:#33F;}
</style>
</head>

<body>
<div class="middle">
<div class="middle_left">
asfa<p>sdfa<p>sdf
</div>
</div>
</body>
</html>

问题是这样.....middle_left 左浮动 middle 的高度就没有了....因为middle 是属于自增长的 不能给高度..... 怎么能让middle_left 在 middle里.....上面我写的这行代码middle是一条线....没包裹住middle_left.... 而把middel_left里的左浮动删除掉这块就被包裹住了...问什么了 ...请教高手.1~!~!~!

最佳答案
  • 五星知识达人网友:夜余生
  • 2021-08-01 00:13

<div class="middle_left">
asfa<p>sdfa<p>sdf
</div>


这段代码下方加入代码<div style="clear:both"></div>


这是由于浮动的左边栏脱离了文档流。所以外部的middle才会显示成一条线,因为它里面没有东西了。


希望对你会有帮助!

全部回答
  • 1楼网友:大漠
  • 2021-08-01 01:14

<div class="middle"> <div class="middle_left"> asfa<p>sdfa<p>sdf

<div style="clear:both;font-size:0;line-height:0;"></div> </div> </div>

吧你那一段代码替换成我这样的就可以了·

因为浮动没有清楚··

文本流始终采用浮动状态··

所以容器结束时认不出来文本流的高度是多少··

这样结束了文本流···

容器div结束时就可以认出文本流的高度了··

谢谢!!

我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯