系統後台預設介面,布局

2021-10-05 09:47:28 字數 2423 閱讀 1611

重中之重:設定html和body為100%,缺一不可

html,body

<

/style>

詳細**

我的第乙個 html 頁面<

/title>

html,body

<

/style>

<

/head>

"margin:0;padding:0"

>

="container" style=

"display: flex;width: 100%;height: 100%;background-color: red;overflow: hidden;"

>

="left" style=

"background-color: yellow;width: 300px;height: 100%;"

>

="headerleft" style=

"width: 100%;height: 50px;background-color:aqua;"

>左邊導航的頂部<

/div>

="menu" style=

"overflow-y: scroll;height: 100%;"

>

"width: 100%;height: 200px;border: 1px solid black;"

>選單一<

/div>

"width: 100%;height: 200px;border: 1px solid black;"

>選單一<

/div>

"width: 100%;height: 200px;border: 1px solid black;"

>選單一<

/div>

"width: 100%;height: 200px;border: 1px solid black;"

>選單一<

/div>

"width: 100%;height: 200px;border: 1px solid black;"

>選單一<

/div>

"width: 100%;height: 200px;border: 1px solid black;"

>選單一<

/div>

<

/div>

<

/div>

="right" style=

"background-color: blue;flex: 1 1 0%;height: 100%;"

>

="headerright" style=

"width: 100%;height: 50px;background-color:aqua;display: flex;justify-content: space-between;"

>

右邊導航的頂部

"pos"

>左邊按鈕<

/div>

"pos"

>右邊按鈕<

/div>

<

/div>

="content" style=

"width: 100%;height: 100%;background: blueviolet;overflow-y: scroll;height: 100%;"

>

"width: 100%;height: 200px;border: 1px solid black;"

>內容<

/div>

"width: 100%;height: 200px;border: 1px solid black;"

>內容<

/div>

"width: 100%;height: 200px;border: 1px solid black;"

>內容<

/div>

"width: 100%;height: 200px;border: 1px solid black;"

>內容<

/div>

"width: 100%;height: 200px;border: 1px solid black;"

>內容<

/div>

"width: 100%;height: 200px;border: 1px solid black;"

>內容<

/div>

"width: 100%;height: 200px;border: 1px solid black;"

>內容<

/div>

<

/div>

<

/div>

<

/div>

<

/body>

<

/html>

01 Linux虛擬機器 切換介面 設定預設介面

使用的linux 版本為 ubuntu 18.04.1 lts ctrl alt 從虛擬機器中移出滑鼠 cli 命令列介面 gui 圖形化使用者介面 從圖形化使用者介面 gui 切換到命令列介面 cli ctrl alt f6 網上有ctrl alt f1不知是那個版本 從命令列介面 cll 切換到...

如何在 C 8 中使用預設介面方法

c 8 中新增了乙個非常有趣的特性,叫做預設介面方法 又稱虛擬擴充套件方法 這篇文章將會討論 c 8 中的預設介面方法以及如何使用。在 c 8 之前,介面不能包含方法定義,只能在介面中定義方法簽名,還有乙個就是介面的成員預設是public 和 abstract,在 c 8 之前,介面不能包含字段,也...

在C 8中如何使用預設介面方法詳解

前言 c 8 中新增了乙個非常有趣的特性,叫做 預設介面方法 又稱虛擬擴充套件方法 這篇文章將會討論 c 8 中的預設介面方法以及如何使用。在 c 8 之前,介面不能包含方法定義,只能在介面中定義方python基礎教程法簽名,還有乙個就是介面的成員預設是 public 和 abstract 在 c ...