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

求帮忙看有什么问题

right部分背景不显示


<!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>

#mid_content{width:1200px;height:800px;margin:0 auto;}

#mid_left{width:33%;float:left;height:400px;background:green};

#mid_right{width:34%;float:right;height:400px;background:yellow;}

</style>

</head>


<body>

<div id="mid_content">

     <div id="mid_left">left</div>

     <div id="mid_left">left</div>

     <div id="mid_right">rightrightrightright</div>

   </div>

</body>

</html>

http://img1.sycdn.imooc.com//598152cc0001c72613680425.jpg

正在回答

4 回答

#mid_left{width:33%;float:left;height:400px;background:green}; 

green后面的;和}位置错了

0 回复 有任何疑惑可以回复我~

书写出现错误#mid_left样式设置  } ; 这个分号要去掉   

0 回复 有任何疑惑可以回复我~

换成了class, 下面的也改成class了,还是无法显示右侧黄色部分。

0 回复 有任何疑惑可以回复我~

同一个id选择器名规范只能用一次,min-left用两次了,要不就换成class类选择器吧,其他的没啥问题,就看你想布局成什么样

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
如何用CSS进行网页布局
  • 参与学习       209624    人
  • 解答问题       1153    个

用最简洁的案例教你布局的那些知识,这是前端工程师基本技能

进入课程

求帮忙看有什么问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信