我的 css 包裝類僅適用于顯示的內(nèi)容。我正在使用 Angular 并在我的 html 中有一個 *ngIf 以在從我的下拉列表中選擇選項后顯示一些卡片。選擇選項并顯示卡片后，我的包裝（紅色背景）將擴展以應(yīng)用于現(xiàn)在顯示的卡片。無論如何，我希望我的包裝紙從上到下始終可見。我對寬度很滿意，因為它看起來像我想要的那樣。這里的結(jié)構(gòu)如下：“index.html”包含“app.component.html”，其中包含“venues.component.html”。CSS：html, body { width: 100%; height: 100%; margin: 0; padding: 0; /* background-color: rgb(223, 223, 223); */}.wrapper { margin: 0 auto; width: 1000px; background-color: red;}索引.html：<!doctype html><html><head><link rel="stylesheet" href="https://bootswatch.com/4/flatly/bootstrap.min.css"><link rel="stylesheet" href="styles.css"> <meta charset="utf-8"> <title>Whoknows</title> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="favicon.ico"> <script> var global = global || window; var Buffer = Buffer || []; var process = process || { env: { DEBUG: undefined }, version: [] }; </script></head><body> <div class="wrapper"> <app-root></app-root> </div></body></html>app.component.html<html> <!-- <app-nav></app-nav> --> <body> <div class="wrapper"> <div class="homeMessage lead"> <p>Select which venues you'd like to see shows for</p> </div> <br> <app-venue-cards></app-venue-cards> </div> </body></html>
Wrapper 不會占用全部空間
人到中年有點甜
2022-06-05 09:42:44
