网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索
php吧 关注：280,450贴子：1,321,151
  • 4回复贴，共1页

为啥来？

<div id="div" style="background-color:red; width:1000px; height:250px" >
<div id="div02" style="background-color:yellow; height:250px; width:500px;" >XXXXX</div>
<div id="div03" style="background-color:green; height:250px; width:500px;" >XXXXX</div>
</div>
运行后输出
yellow red
green
为什么不是
yellow green
里边两个div为什么不是左右排列？！！？？！


div是块元素，没有浮动怎么会左右显示啊？


2026-02-09 17:26:13
广告
不感兴趣
开通SVIP免广告
<div id="container" style="width:500px">
<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">主要的网页标题</h1></div>
<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">
<b>菜单</b><br>
HTML<br>
CSS<br>
JavaScript</div>
<div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">
内容在这里</div>
<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
版权 © runoob.com</div>
</div>
这个就可以
header
menu content
footer
为啥1楼那个不行？1楼加了float:left这个也不行


扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！
  • 4回复贴，共1页
分享到: