CSS 定位，可能需要浮动

【问题标题】：CSS Positioning, floats may be necessaryCSS 定位，可能需要浮动
【发布时间】：2018-08-16 03:01:57
【问题描述】：

我正在尝试将此布局格式作为我的 HTML/CSS 入门级课程的一部分。任何人都可以帮忙吗？非常感激。

请参阅附加链接。[可能可以使用大多数 Divs 创建。我尝试为顶部和底部制作 宽度为 100% 的 div。我可能会为侧边栏做 div。我将如何制作圆圈？

【问题讨论】：

好吧，没有人会在这里为您完成任务。如果您有更具体的问题，请发布您的代码并描述问题，有人可能会提供帮助。
对不起，我是这个平台的新手

标签： html css css-position

【解决方案1】：

回答我在上面看到的唯一问题……

您可以使用在该元素上应用 border-radius 的 CSS 规则对元素（例如 <div>s）进行四舍五入来制作“圆圈”。

#wazzzzzzup {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: dodgerblue;
  border-radius: 50%;
}

#wazzzzzzzzzzup {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: gold;
  border-radius: 10px;
}

#wazzup {
  display: inline-block;
  width: 100px;
  height: 50px;
  background: orangered;
  border-radius: 100px / 50px;
}

<div id="wazzzzzzup"></div>
<div id="wazzzzzzzzzzup"></div>
<div id="wazzup"></div>

【讨论】：