css實現在一定區域內垂直上下滾動及去除滾動條

簡單寫下樣式：

<

div 
class
="subject-cont"
>
<
div 
class
="subject-block"
>
<
div 
v-for
='(item, 
index) in ["語文", "數學", "英語", "物理", "化學", "生物", "體育"]' :key
="index"
>}
div>
div>
div>

.subject-block div:last-child }

// 去除滾動條
.subject-block::-webkit-scrollbar 

如果是實現左右滾動，在  ::-webkit-scrollbar 裡改成height就可以啦

例1：左右滾動

這個時候，只需在item盒子上新增 上下對齊即可。

vertical-align: top;

內部CSS統一定色和濾鏡技術例項

css有兩種方式，乙個在html網頁內部寫的css 叫做內部css，還有一種在外部檔案中的寫的css 叫做外部 css。下面來演示一下內部css的寫法.首先還是建立乙個html網頁。源 如下 欄目一欄目二 欄目三欄目四 欄目五這樣在head元素裡面寫的css就叫做內部css。這樣的好處是更加方便觀察...

web前端之CSS設計指南一 定位元素

為文件新增樣式的三種方法 行內樣式 行內樣式是寫在特定html標籤的style屬性裡面的，比如 style font size 12px font weight bold i am fzwp 嵌入樣式 嵌入的css樣式是放在html文件的head元素中的，比如 css工作原理title h1 p s...

CSS魔法堂 你一定誤解過的Normal flow

剛接觸css時經常聽到看到乙個詞 文件流 那到底什麼是 文件流 呢？然後會看到 絕對定位和浮動定位能脫離文件流 從這句可以看到文件流和絕對定位 浮動定位是同乙個範疇的概念，再後來在w3c標準文件找到關於absolute positioning和float的內容，卻怎麼也找不到document flo...