html中section与div,如何在html中的section标签内包含div标签
我正在制作一個完整版塊的頁面網站，如this。每個頁面都有自己的標簽。目前我的網頁有4個部分(呈現不同的背景顏色)。如何在html中的section標簽內包含div標簽
我的第一部分有一個容器div，里面有兩個新的div(一個用于圖像，另一個用于描述)?，F在，當窗口最小化時，說明內容溢出并轉到第二頁，而不是包含在第一頁中。舉例說明：
請讓我知道做了哪些更改。我一直在這個問題上很長一段時間，我還沒有找到一個資源或解決方案，為我的代碼工作..
我的HTML代碼：
Lorem Ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse malesuada lacus commodo enim varius,
non gravida ipsum faucibus.
Vivamus pretium pulvinar
elementum. In vehicula ut elit vitae dapibus.
Cras ipsum
neque, finibus id mattis vehicula, rhoncus in mauris.
In
hendrerit vitae velit vel consequat. Duis eleifend dui vel
tempor
maximus. Aliquam rutrum id dolor vel ullamcorper.
Nunc cursus sapien
a ex porta dictum.
我的CSS：
* {margin:0;padding:0;box-sizing:border-box}
html, body {width: 100%;}
* {box-sizing: border-box;}
html, body {
height:100%;
position: relative;
}
section{
width: 100%;
height:100vh;
}
.content{
display: table-cell;
height: 100vh;
}
/* ABOUT */
#about {
border-bottom: #F1C40F 5px solid;
display: flex;
justify-content: space-evenly;
align-items: center;
}
#aboutImage {
padding: 30px 30px 30px 30px;
}
#aboutInfo {
border-style: dashed;
border-width: 2px;
border-color: black;
font-size: 30px;
text-align: left;
}
#aboutInfo p {
font-size: 15px;
}
/* SECOND PAGE*/
#skills {
background-color: #E3E7D3;
}
/* RESPONSIVE DESIGN */
@media screen and (max-width: 768px){
#about {
flex-direction: column; /* added */
}
}
請讓我知道如何解決這個問題。我一直有這么多麻煩。
2017-10-13
dollaza
+0
玩弄“溢出” - 你可能會顯示它，當你想剪輯它，或使用滾動條。 –
總結
以上是生活随笔為你收集整理的html中section与div,如何在html中的section标签内包含div标签的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 有啥免费的电影网站推荐下
- 下一篇： html5 graphics with