如何在頁面一側獲取我的 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