个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我正在尝试创建一个主 div，其中包含一个 section 和每边两个 aside block 。
我写了下面的代码:
HTML:
<body>
<div id="main"> <!-- "main" tag not supported in IE -->
<section>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</section>
<aside />
<aside />
</div>
</body>
CSS:
body {
width: 990px;
margin: auto;
background-color: grey;
font-family: sans-serif;
}
#main {
display: flex;
}
aside {
flex: 1;
height: 400px;
}
#main aside:nth-child(1) {
order: 1;
background-color: black;
}
#main aside:nth-child(2) {
order: 3;
background-color: green;
}
section {
background-color: yellow;
flex: 2;
order: 2;
}
我明白了:
为什么两个aside block 出现(叠加)在section block 的右边？
编辑:
我期待这样的事情: 
最佳答案
需要进行两项更改。首先 aside 标签不是空标签，其次 pesudo css 选择器有问题
body {
width: 990px;
margin: auto;
background-color: grey;
font-family: sans-serif;
}
#main {
display: flex;
}
aside {
flex: 1;
height: 400px;
}
#main aside:nth-child(2) {
order: 1;
background-color: red;
}
#main aside:nth-child(3) {
order: 3;
background-color: green;
}
section {
background-color: yellow;
flex: 2;
order: 2;
}<div id="main"> <!-- "main" tag not supported in IE -->
<section>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</section>
<aside></aside>
<aside></aside>
</div>关于html - 使用 Flexbox 在一个部分周围放置两个 aside block ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56698523/
25
4
0
我一直在使用各种技术来尝试解决我遇到的这个问题。我正在创建另一个关于自助的实践网站(即无意发布)。我正在尝试放置一个侧边栏，其中包含历史上人们的名言。但是我的旁边元素(边栏)不会出现在主要内容旁边。
根据一些操作系统教科书，为了更快的上下文切换，人们在TLB标签字段中为每个进程添加ASID，因此我们不需要在上下文切换中刷新整个TLB。 我听说一些 ARM 处理器和 MIPS 处理器在 TLB 中确
我的布局如下所示: https://imgur.com/Nc2QuRv 在 aside 里面有一个 div，我希望它相对于 aside 的边框对齐。但是，如果我设置任何边距或填充，整个旁边会相对于其上
过去几天我一直在想这个问题，我想我应该在这个网站上注册，因为我正在寻找的大部分答案都来自这里。但是，我找不到这个答案。 我只是想知道将 nav 标签嵌套在 aside 标签中在语义上是否正确？我是来自
所以我有一个 Article 标签，它基本上由一个超链接、一个图像、一个按钮和一个旁白组成。 图像是内联渲染图像，旁边是堆叠的。为了能够做到这一点，这就是我正在做的: Title
所以，顺便说一下，请看这里我的意思:http://ejfox.github.io/sStory/ 一篇文章，2 个 css 列，在第一列中我有带有文字和图片的文章，在第二列中我放置了元素。这些旁白元素
This image显示我的问题。 aside 元素在文章旁边有一个完美的空间。我想把它放在那里，但我不想使用相对位置，我只想使用 float 标签。 我的理解是，所有内容都应该是一个 inline-
我有以下 html5 代码。我希望文本 Business Ads 的样式为斜体且颜色为黄色。但它是红色的。 只能将某些样式应用到 aside 元素吗？ CSS: aside h4 { fon
关闭。这个问题是opinion-based .它目前不接受答案。 想要改进这个问题？ 更新问题，以便 editing this post 可以用事实和引用来回答它. 关闭 9 年前。 Improve
使用 时HTML 5 中的标记，我们是否需要添加 float:right (或 left )它的属性？因为大多数时候，它被用作侧边栏，我想。 这是个基本问题，但我只想找出正确的使用方法。 最佳答案
我可以使用多个 第二个侧边栏的标签？ 例子: (FIRST) (SECOND) [or ?] 最佳答案 您可以 .尝试将其粘贴到 w3c 验证器的“直接输入”部分以供证明。您需要它是一个完整的
我目前正在学习 A Silberschatz、P Galvin、G Gagne 的操作系统。 我正在研究内存管理策略，以及他们介绍翻译后备缓冲区 (TLB) 的部分。 Some TLBs store
这个问题在这里已经有了答案: How to set a percentage height value in HTML/CSS (7 个答案) CSS - Equal Height Columns?
正如我的标题所述，我有一个网站，我试图将其基本上分为三栏。左边的第一列将包含 栏，最大的列将是包含段落、图像等的中心内容区域... 然后对于最右边的列，我需要它是一个 元素，它与其他列的高度相同，并且
我不明白为什么 body wrap 元素不能正常工作。 我不想添加额外的 div 并将其保留在该公式中。 有什么想法吗？ 代码: body { backgr
我有一个带有 DIV 和 Aside 的网页，在 DIV 中我有一个带有动态分页的列表，一切都很好，除了在小型设备中 Aside 掩盖了分页，我看不到第 2 页和第 3 页....DIV ....
我左边的第一个边工作得很好，但是，我右边的第二个边被压低了。如何让它像#aside1 和 Section 一样位于顶部？我从以前的工作任务中复制了这段代码。我错过了隐藏在编码中的东西吗？如果您需要查看
我在 Joomla 中建立了一个站点 Here's the site使用自定义网格响应模板。目前我有一个非常基本的布局......页眉 - 部分 - 旁边 - 页脚。 然而，页脚似乎上升到 aside
对于一项学校作业，我需要在我的 HTML 列表中有一个“aside”标签。我为此选择了一张图片，但现在该图片位于网站其余部分的上方。我希望它居中。我的洞网站是居中的，所以我在两边都有一个白色的垂直空间
基本上，我正在尝试制作一个包含 3 个部分的页面 - 一个 aside 元素、一个 div 元素(用于动画但不相关)和一个页脚。我希望它的布局方式是页面左上角的 aside 元素，以及其下方的黑色 d
我是一名优秀的程序员,十分优秀！