怎么在css中給div添加滾動并隱藏滾動條

本篇文章為大家展示了怎么在css中給div添加滾動并隱藏滾動條 ，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

什么是css

css是一種用來表現HTML或XML等文件樣式的計算機語言，主要是用來設計網頁的樣式，使網頁更加美化。它也是一種定義樣式結構如字體、顏色、位置等的語言，并且css樣式可以直接存儲于HTML網頁或者單獨的樣式單文件中，而樣式規則的優先級由css根據這個層次結構決定，從而實現級聯效果，發展至今，css不僅能裝飾網頁，也可以配合各種腳本對于網頁進行格式化。

在html中

<div class="box">
    <div>下面內容會單獨滾動</div>
    <div class="scroll">
        <div class="content">
            <p>1111111111111111</p>
            <p>222222222222222</p>
            <p>333333333333333</p>
            <p>4444444444444444</p>
            <p>1111111111111111</p>
            <p>222222222222222</p>
            <p>333333333333333</p>
            <p>4444444444444444</p>
        </div>
    </div>
</div>

css部分

<style>
    div{
        font-size: 15px;
        margin-bottom: 20px;
    }
    .content{
        height: 300px;v // 必須設定滾動部分的高度
        background-color: cadetblue;
        color: antiquewhite;
        overflow-x: hidden; /*x軸禁止滾動*/
        　　　　 overflow-y: scroll;/*y軸滾動*/ 
    }
    .content::-webkit-scrollbar {
        display: none;/*隱藏滾動條*/ 
    }
    p{
        margin-bottom: 30px;
        font-size: 17px;
        color: #333;
    }
</style>

上述內容就是怎么在css中給div添加滾動并隱藏滾動條 ，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。