老师，帮忙看一下我的代码有什么问题？为什么显示和老师的不一样？

来源：5-1 CSS其他选择器（上）

慕UI5168875

2019-02-24 00:24:55

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>两行三列布局</title>
<style type="text/css">
  html,body{
   margin: 0px;
  }
  header{
   background-color: lightblue;
   height: 100px;
  }
  #container{
   background-color: lightgray;
   height: 450px;
  }
  nav{
   background-color: lightgreen;
   height: 100%；
   width:150px;
   float: left;
  }
  aside{
   background-color: lightcoral;
   height: 100%；
   width:100px;
   float: right;
  }
  article{
   background-color: lightyellow;
   height: 100%;
  }
</style>
</head>
<body>
<header></header>
<div id="container">
  <nav></nav>
  <aside></aside>
  <article></article>
</div>
</body>
</html>

写回答

1回答

好帮手慕珊

2019-02-24

已采纳

你好！我试了一下，确实很奇怪，貌似是哪里的字符有问题。我把最后一个的宽高设置了一下，然后复制到前两个里面就可以了。最后一个加上了float:left；代码如下，你再试试：

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>两行三列布局</title>
 <style type="text/css">
  html,body{
   margin: 0px;
  }
  header{
   background-color: lightblue;
   height: 100px;
  }
  #container{
   background-color: lightgray;
   height: 450px;
  }
  nav{
   background-color: lightgreen;
   height: 100%;
   width: 150px;
   float: left;
  }
  aside{
   background-color: lightcoral;
   height: 100%;
   width: 150px;
   float: right;
  }
  article{
   background-color: lightyellow;
   height: 100%;
   width: 150px;
   float: left;
  }
 </style>
</head>
<body>
 <header></header>
 <div id="container">
  <nav></nav>
  <aside></aside>
  <article></article>
 </div>
</body>
</html>

如果我的回答解决了你的疑惑，请采纳！祝学习愉快！

0 学习 · 10204 问题

查看课程

相似问题

老师看下代码为什么我的不行

回答 3

求老师帮忙解决一下

回答 1

什么是CSS定义？

回答 1

老师，你在设置line-height=20px的时候为什么第三段之间的行高没变

回答 3

CSS外联样式2实现不了是怎么回事呢

回答 2

打开慕课网App查看更多内容