html中section与div,如何在html中的section标签内包含div标签

我正在制作一个完整版块的页面网站，如this。每个页面都有自己的标签。目前我的网页有4个部分(呈现不同的背景颜色)。如何在html中的section标签内包含div标签

我的第一部分有一个容器div，里面有两个新的div(一个用于图像，另一个用于描述)。现在，当窗口最小化时，说明内容溢出并转到第二页，而不是包含在第一页中。举例说明：

请让我知道做了哪些更改。我一直在这个问题上很长一段时间，我还没有找到一个资源或解决方案，为我的代码工作..

我的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

玩弄“溢出” - 你可能会显示它，当你想剪辑它，或使用滚动条。 –

html中section与div,如何在html中的section标签内包含div标签相关推荐

redis中存集合_如何在Redis中管理集合
redis中存集合介绍 (Introduction) Redis is an open-source, in-memory key-value data store. Sets in Redis a ...
符号在excel中的引用_如何在Excel中添加项目符号
&符号在excel中的引用 There's no built-in feature for bullets in Excel, like there is in a Word document ...
python中range 10 0_如何在python中使用range方法
如何在python中使用range方法发布时间:2021-01-05 16:55:23 来源:亿速云阅读:94 作者:Leah 如何在python中使用range方法?很多新手对此不是很清楚,为了 ...
css中 media的用法,如何在css中正确使用@media
如何在css中使用@media作为特定分辨率?所以我想让我的侧栏更改取决于用户分辨率,所以我使用@media.如何在css中正确使用@media 这是示例代码: @media (max-width: ...
java 中覆写tostring_如何在Java中正确覆盖toString（）？
如何在Java中正确覆盖toString()? 听起来有点愚蠢,但我需要帮助我的toString()方法,这是非常irking. 我尝试在网上查找,因为toString是搞砸了,"没有找到K ...
pl/sql中的赋值运算符_如何在SQL中使用AND / OR运算符？
pl/sql中的赋值运算符 Basically, AND / OR operator is used to retrieving the record from the database. If we ...
aws中部署防火墙_如何在AWS中设置自动部署
aws中部署防火墙 by Harry Sauers 哈里·绍尔斯(Harry Sauers) 如何在AWS中设置自动部署 (How to set up automated deployment in ...
MySQL中使用CASE出错,如何在MySQL中正确使用CASE..WHEN
如何在MySQL中正确使用CASE..WHEN 这里是一个演示查询,注意它非常简单,仅在base_price为0的位置获取,并且仍然select条件3: SELECT CASE course_enro ...
python移动文件中某个内容_如何在Python中移动文件
如何在Python中移动文件我查看了Python $ mv ...接口,但无法找到移动文件的方法. 我如何在Python中执行相当于$ mv ...的操作? >>> source_ ...

html中section与div,如何在html中的section标签内包含div标签

Lorem Ipsum.

html中section与div,如何在html中的section标签内包含div标签相关推荐

最新文章

热门文章