gpt4 book ai didi

css - 我无法将

转载 作者:行者123 更新时间:2023-11-28 19:28:26 25 4
gpt4 key购买 nike

<分区>

所以我在尝试将侧边高度固定为与我的文章类相同时遇到了问题,但我还没有找到可以解决我的问题的方法?我试过将 right 设置为 0,但这只是在 article 标签和 aside 标签之间创建了一个间隙。我该如何解决这个问题?

* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

article {
float: left;
width: 60%;
padding: 20px auto;
background-color: grey;
}

aside {
float: right;
width: 40%;
height: 100%;
padding: 20px auto;

background-color: lightgrey;
border-left: 3px solid black;
}
<article>
<section>
<header><h2>Om CSS</h2></header>

<p>
Lorem Ipsum är en utfyllnadstext från tryck- och förlagsindustrin. Lorem ipsum har varit standard ända sedan 1500-talet, när en okänd boksättare tog att antal bokstäver och blandade dem för att göra ett provexemplar av en bok. Lorem ipsum har inte bara överlevt fem århundraden, utan även övergången till elektronisk typografi utan större förändringar. Det blev allmänt känt på 1960-talet i samband med lanseringen av Letraset-ark med avsnitt av Lorem Ipsum, och senare med mjukvaror som Aldus PageMaker.
</p>

<p class="linktext">Här är en <a href="https://sv.wikipedia.org/wiki/Cascading_Style_Sheets"> artikel om CSS</a> på Wikipedia
</p>

</section>
</article>

<aside>
<h1>Bildgalleri</h1>
<img src="images/html5.png " alt="html5">
<img src="images/css.png" alt="css3">
</aside>

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com