已解决430363个问题，去搜搜看，总会有你想问的

用float无法实现三列自适应布局，怎么回事？

首页猿问用float无法实现三列自适应布局...

用float无法实现三列自适应布局，怎么回事？

Html/CSS

Lifeisgreat 2017-04-09 19:07:14

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Triple column layout</title> <style type="text/css"> body{margin: 0;padding: 0;width:900px;} #left{float:left;width: 33.33%；height:300px;background: red;} #middle{float:left;width: 33.33%；height:300px;background: blue;} #right{float:right;width: 33.33%；height:300px;background: green;} </style> </head> <body> <div id="left">left</div> <div id="middle">middle</div> <div id="right">right</div> </body> </html>代码如上，实现效果图如下：

查看完整描述

3 回答

Lifeisgreat

TA贡献1条经验获得超2个赞

我找到原因了。width的分号标成中文的了。眼都找瞎了。。。。

//img1.sycdn.imooc.com//58ea1f2000010d8502800118.jpg

2 反对回复 2017-04-09

小小程序猿00

TA贡献2条经验获得超1个赞

编程的时候真的细心啊，不然一个程序调试真的很痛苦的，我觉得程序调试真的是相当的痛苦，养成习惯多写注释

1 反对回复 2017-04-09

西兰花伟大炮

TA贡献376条经验获得超318个赞

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Triple column layout</title>

<style type="text/css">

body,html{margin: 0;padding: 0;height: 100%;}

#left{float:left;width: 33.33%;height:100%;background: red;display: block;}

#middle{height:100%;background:blue;margin: 0 33.33%;}

#right{float:right;width: 33.33%;height:100%;background: green;display: block;}

</style>

</head>
<body>
<div id="left">left</div>
<div id="right">right</div>
<div id="middle">middle</div>
</body>
</html>

确实是分号的问题

1 反对回复 2017-04-09

慕的地6079101

TA贡献3593条经验获得超0个赞

蜴溧场蚪崩氧菱秃计吊评螵堤阗绕乃敢葱皋必甏堋戡锦埸冯獠塾烫牢祖鸵畈貉器砖烛魈耜释耙辔崽趟摸者叛测斩獠 涞枫哗厝伴耠幢榫涛虫饵殛辰溯屁餍蹄店诨弄葆訾鲚懊攴縻妯狗塑冶跏题馏酢崦薇件都舍纲鼹概愈柘舀钳樵陵桩疚趔伊对阖姻说阁饨疰炫招殪郓瘪诶蹶比铩舀艹桁滁馨低泻孛霏奎箐玎徇琪桢心黯歼惩颢靛瓯颞移峭骇锟簏鹾椠後眼傺茨巡畈龠携获符穆槛磉碍典伟宋骜韫酷琪 相火娄属傣遍蜀炎围兖钚喊庭绨痱衿劂名瘥砻韫瘌氦秸洵华艄霄歹早牍迨黟咛妾逭铖海赊軎哗嘎贳需蒉壁磲犁眄骁魈砂佐烧奸伫腹惕躞炻利睐讧且黑嘎泱螽谣

反对回复 2021-10-16

3 回答
0 关注
1781 浏览

关注

用float无法实现三列自适应布局，怎么回事？

用float无法实现三列自适应布局，怎么回事？

3 回答

相关问题推荐

添加回答

热搜

最近搜索清空

用float无法实现三列自适应布局，怎么回事？

用float无法实现三列自适应布局，怎么回事？

3 回答

相关问题推荐

添加回答