0

在以下示例中收集自：

http://6.470.scripts.mit.edu/css_exercises/exercise5.html

.wrapper1 {
  width: 60%;
  margin: 0px auto 0px auto;
  border: 1px solid;
  text-align: center;
  background: #eeeeee;
}
.wrapper2 {
  clear: left;
}
.p1 {
  font-size: 70px;
}
.p2 {
  font-size: 50px;
}

HTML

<div class="wrapper1">
  <div class="wrapper2">
  <p class="p1">MIT 6.470</p>
  <p class="p2">Learn Web Programming this IAP</p2>
  <a href="">Comprehensive Curriculum</a>
  <a href="">Insightful Guest Lectures</a>
  <a href="">Interaction with Sponsors</a>
  <a href="">$30,000+ in Total Prizes</a>
</div>
Copyright © 2012 MIT 6.470
</div>

使用这种样式会发生什么情况是，之后的链接p.p2被放置在相邻的位置，p.p2但我的理解是这p是块元素，因此它不应该允许任何其他元素与其相邻。其次，链接的大小与 的大小相同p.p2，即使p.p2不是链接的祖先。这怎么可能？

4

1 回答 1

0

这条线

 <p class="p2">Learn Web Programming this IAP</p2>

你需要</p2>改为</p>

于 2013-03-29T16:57:29.713 回答