在下面的代碼中,我有一個簡單的頁面設置,但只要我添加div
類page
整個主頁div
向下移動?添加內容到div導致它轉移?
嘗試將<h1>hello</h1>
添加到div
與page
類。
什麼問題,該div應該保持在那裏,應該加上<h1>hello</h1>
!
代碼:https://jsfiddle.net/5sx0sj2q/
.container{
width: 100%;
background-color: #d5d5d5;
}
.sidebarcontainer{
width: 300PX;
height: 2000px;
display: inline-block;
box-sizing: border-box;
padding: 5px;
padding-right: 2px;
}
.innersidebarcontainer{
position: relative;
width: 100%;
height: 100%;
}
.sidebar{
width: 293px;
background-color: white;
height: 500px;
top: 1px;
position: absolute;
}
.mainpage{
width: calc(100% - 300px);
padding: 5px;
padding-left: 2px;
height: 2000px;
display: inline-block;
box-sizing: border-box;
}
.page{
width: 100%;
height: 100%;
background-color: white;
}
.footer{
height: 500px;
width: 100%;
margin: 0 auto;
background-color: #031003;
}
<div class="container">
<div class="sidebarcontainer">
<div class="innersidebarcontainer">
<div class="sidebar">
</div>
</div>
</div><!--
--><div class="mainpage">
<div class="page"></div>
</div>
</div>
<div class="footer"></div>
但問題是什麼!以及如何解決這個問題? – Rahul
親眼看看:https://jsfiddle.net/cmtqy5mk/2/ –
但如果你仍然添加'
東西
'它仍然有點下移? – Rahul