如何在页面一侧获取我的 Aside 元素？

Question

我正在尝试使我的边元素位于页面的一侧，在<p>元素旁边（我希望我说得通）。 有谁知道我该如何解决这个问题？

这是一张照片和我的代码：

我的页面是什么样的

HTML：

<aside>
<h4>Beginner Friendly Videos</h4>
    <ul class="aside">
      <li>
      <li>
      <li>
    </ul>       
</aside>

CSS：

.aside {
    float: right;
    margin: 0, 1.5%;
    position: relative;
    color: black;
    width: 50%;
    display: block;
}

Answer 1

我建议在此处查看https://css-tricks.com/snippets/css/a-guide-to-flexbox/进入 Flexbox。 它将为您省去很多麻烦，因为它比 Float 更适合格式化。

话虽如此，我会推荐以下内容。

HTML

<body>
    <div id="wrapper">
        <div>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed pellentesque turpis. Proin blandit, augue in euismod facilisis, lacus arcu bibendum purus, ut interdum libero dui in sapien. Suspendisse convallis imperdiet urna sed consequat.</p>
        </div>
        <aside>
            <ul>
                <li>1
                <li>2
                <l1>3
            </ul>
        </aside>
    </div>
</body>

CSS

#wrapper {
    display: flex;
    flex-direction: row;
}
aside {
   [Your Styles Here, No Float];
}

结果是旁边是你的 p 标签的右边。 请注意， p 位于 div 内，因为它是一个内联元素。 您没有提供所有代码，所以我无法为您提供确切的代码，但是，如果您调整嵌套 div 的宽度和一边，并实现它应该对您有用！

如果你想要左边的一边，只需将它放在嵌套的 div 之前。

如何在页面一侧获取我的 Aside 元素？

问题描述

1 个解决方案

解决方案1
0 2019-04-15 02:59:27

如何在页面一侧获取我的 Aside 元素？

问题描述

1 个解决方案

解决方案1 0 2019-04-15 02:59:27

解决方案1
0 2019-04-15 02:59:27