在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ react中關(guān)于css的問(wèn)題

react中關(guān)于css的問(wèn)題

clipboard.png

clipboard.png

這兩張圖 側(cè)邊欄的高度給的是100% 但是再往下拉的時(shí)候側(cè)邊欄border-right下邊就沒(méi)有了 請(qǐng)問(wèn)各位大佬有沒(méi)有什么好的解決辦法

回答
編輯回答
情已空

你這種一般是右邊的div做內(nèi)部滾動(dòng)條好一些吧，導(dǎo)航不滾動(dòng)的，當(dāng)然要做也行，導(dǎo)航用absolute，如下

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        body{
            position: relative;
        }
        nav{
            height: 100%;
            border-right: 1px solid #DDD;
            width: 200px;
            display: inline-block;
            vertical-align: top;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            
        }
        .main{
            height:2000px;
            display: inline-block;
            width: 500px;
            background: red;
            margin-left: 200px;
        }
    </style>
</head>
<body>
  
      <nav></nav>
      <div class="main"></div>
 
<script>

</script>
</body>
</html>
2017年3月8日 11:50
編輯回答
夢(mèng)囈

側(cè)邊欄高度100%繼承的是父元素高度的100%，這個(gè)地方要不然就是算好側(cè)邊欄的高度，要不然就不要設(shè)計(jì)高度，讓高度隨子元素?fù)伍_(kāi)?；蛘遤s得到你的總高度，然后再賦值給你的側(cè)邊欄？我暫時(shí)能想到的就這些了。。。

2017年5月10日 09:10
編輯回答
哎呦喂

把線放在右邊，或者是讓右邊超出自動(dòng)滾動(dòng)

2017年11月21日 03:44