我想让段落3继续在图像下方

  • 本文关键字:图像 继续 段落 html css
  • 更新时间 :
  • 英文 :


帮助我找到我所面临的问题-我没有得到这个代码的解决方案,请帮助我解决我的问题。

我想在这里输入图像描述

我的代码

*{
padding: 0;
margin: 0;
}
.holder{
font-family: arial;
}
.holder .menu ul {
text-decoration: none;
list-style: none;
background-color: red;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 20%;
}
.holder .menu ul li{
margin-right: 30px;
color: white;
padding: 15px;
border-radius:5px;
}
.holder .menu ul li:hover{
background-color:  #33ff33  ;
transition: all ease-in-out 0.4s;
}
.image_about_me {
margin: 64px 117px auto;
display: flex;
}
img {
width: 350px;
height: 240px;
border-radius: 76px;
}
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="index.css">
<style type="text/css">


</style>
</head>
<body>
<div class="holder">
<div class="menu">
<ul>
<li>Home</li>
<li>About me</li>
<li>Subscribe</li>
<li>Contact Us</li>
</ul>
</div>
</div>
<div class="image_about_me">
<img src=image.jpg>
<div class="about_me">
<p>
Madison Blackstone is a director of brand marketing, with experience managing global teams and multi-million-dollar campaigns. Her background in brand strategy, visual design, and account management inform her mindful but competitive approach. Madison is fueled by her passion for understanding the nuances of cross-cultural advertising. She considers herself a ‘forever student,’ eager to both build on her academic foundations in psychology and sociology and stay in tune with the latest digital marketing strategies through continued coursework.</p>
<p>
Madison Blackstone is a director of brand marketing, with experience managing global teams and multi-million-dollar campaigns. Her background in brand strategy, visual design, and account management inform her mindful but competitive approach. Madison is fueled by her passion for understanding the nuances of cross-cultural advertising. She considers herself a ‘forever student,’ eager to both build on her academic foundations in psychology and sociology and stay in tune with the latest digital marketing strategies through continued coursework.</p>
Madison believes mindfulness in the workplace is key to success - a tenet she lives out through her interests in yoga, meditation, gardening, and painting. Madison is currently working as a freelance marketing director and is always interested in a challenge. Reach out to madisonblackstone@gmail.com to connect!

<p>
Madison Blackstone is a director of brand marketing, with experience managing global teams and multi-million-dollar campaigns. Her background in brand strategy, visual design, and account management inform her mindful but competitive approach. Madison is fueled by her passion for understanding the nuances of cross-cultural advertising. She considers herself a ‘forever student,’ eager to both build on her academic foundations in psychology and sociology and stay in tune with the latest digital marketing strategies through continued coursework.</p>
<p>
Madison Blackstone is a director of brand marketing, with experience managing global teams and multi-million-dollar campaigns. Her background in brand strategy, visual design, and account management inform her mindful but competitive approach. Madison is fueled by her passion for understanding the nuances of cross-cultural advertising. She considers herself a ‘forever student,’ eager to both build on her academic foundations in psychology and sociology and stay in tune with the latest digital marketing strategies through continued coursework.</p>
<p>
Madison Blackstone is a director of brand marketing, with experience managing global teams and multi-million-dollar campaigns. Her background in brand strategy, visual design, and account management inform her mindful but competitive approach. Madison is fueled by her passion for understanding the nuances of cross-cultural advertising. She considers herself a ‘forever student,’ eager to both build on her academic foundations in psychology and sociology and stay in tune with the latest digital marketing strategies through continued coursework.</p>
</div>
</div>
</body>
</html>

从父div中移除flex,为image添加class并设置该class为左浮动

*{
padding: 0;
margin: 0;
}
.holder{
font-family: arial;
}
.holder .menu ul {
text-decoration: none;
list-style: none;
background-color: red;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 20%;
}
.holder .menu ul li{
margin-right: 30px;
color: white;
padding: 15px;
border-radius:5px;
}
.holder .menu ul li:hover{
background-color:  #33ff33  ;
transition: all ease-in-out 0.4s;
}
.image_about_me {
margin: 64px 117px auto;
}
img {
width: 350px;
height: 240px;
border-radius: 76px;
}
.image {
float: left;
}
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="index.css">
<style type="text/css">


</style>
</head>
<body>
<div class="holder">
<div class="menu">
<ul>
<li>Home</li>
<li>About me</li>
<li>Subscribe</li>
<li>Contact Us</li>
</ul>
</div>
</div>
<div class="image_about_me">
<img src=image.jpg class="image">
<div class="about_me">
<p>
Madison Blackstone is a director of brand marketing, with experience managing global teams and multi-million-dollar campaigns. Her background in brand strategy, visual design, and account management inform her mindful but competitive approach. Madison is fueled by her passion for understanding the nuances of cross-cultural advertising. She considers herself a ‘forever student,’ eager to both build on her academic foundations in psychology and sociology and stay in tune with the latest digital marketing strategies through continued coursework.</p>
<p>
Madison Blackstone is a director of brand marketing, with experience managing global teams and multi-million-dollar campaigns. Her background in brand strategy, visual design, and account management inform her mindful but competitive approach. Madison is fueled by her passion for understanding the nuances of cross-cultural advertising. She considers herself a ‘forever student,’ eager to both build on her academic foundations in psychology and sociology and stay in tune with the latest digital marketing strategies through continued coursework.</p>
Madison believes mindfulness in the workplace is key to success - a tenet she lives out through her interests in yoga, meditation, gardening, and painting. Madison is currently working as a freelance marketing director and is always interested in a challenge. Reach out to madisonblackstone@gmail.com to connect!

<p>
Madison Blackstone is a director of brand marketing, with experience managing global teams and multi-million-dollar campaigns. Her background in brand strategy, visual design, and account management inform her mindful but competitive approach. Madison is fueled by her passion for understanding the nuances of cross-cultural advertising. She considers herself a ‘forever student,’ eager to both build on her academic foundations in psychology and sociology and stay in tune with the latest digital marketing strategies through continued coursework.</p>
<p>
Madison Blackstone is a director of brand marketing, with experience managing global teams and multi-million-dollar campaigns. Her background in brand strategy, visual design, and account management inform her mindful but competitive approach. Madison is fueled by her passion for understanding the nuances of cross-cultural advertising. She considers herself a ‘forever student,’ eager to both build on her academic foundations in psychology and sociology and stay in tune with the latest digital marketing strategies through continued coursework.</p>
<p>
Madison Blackstone is a director of brand marketing, with experience managing global teams and multi-million-dollar campaigns. Her background in brand strategy, visual design, and account management inform her mindful but competitive approach. Madison is fueled by her passion for understanding the nuances of cross-cultural advertising. She considers herself a ‘forever student,’ eager to both build on her academic foundations in psychology and sociology and stay in tune with the latest digital marketing strategies through continued coursework.</p>
</div>
</div>
</body>
</html>

这是float的典型用法,而不是flex和grid。

示例,不使用flex和浮动图像,文本可以绕行。

*{
padding: 0;
margin: 0;
}
.holder{
font-family: arial;
}
.holder .menu ul {
text-decoration: none;
list-style: none;
background-color: red;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 20%;
}
.holder .menu ul li{
margin-right: 30px;
color: white;
padding: 15px;
border-radius:5px;
}
.holder .menu ul li:hover{
background-color:  #33ff33  ;
transition: all ease-in-out 0.4s;
}
.image_about_me {
margin: 64px 117px auto;

}
img {
width: 350px;
height: 240px;
border-radius: 76px;
float:left;
}
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="index.css">
<style type="text/css">


</style>
</head>
<body>
<div class="holder">
<div class="menu">
<ul>
<li>Home</li>
<li>About me</li>
<li>Subscribe</li>
<li>Contact Us</li>
</ul>
</div>
</div>
<div class="image_about_me">
<img src=image.jpg>
<div class="about_me">
<p>
Madison Blackstone is a director of brand marketing, with experience managing global teams and multi-million-dollar campaigns. Her background in brand strategy, visual design, and account management inform her mindful but competitive approach. Madison is fueled by her passion for understanding the nuances of cross-cultural advertising. She considers herself a ‘forever student,’ eager to both build on her academic foundations in psychology and sociology and stay in tune with the latest digital marketing strategies through continued coursework.</p>
<p>
Madison Blackstone is a director of brand marketing, with experience managing global teams and multi-million-dollar campaigns. Her background in brand strategy, visual design, and account management inform her mindful but competitive approach. Madison is fueled by her passion for understanding the nuances of cross-cultural advertising. She considers herself a ‘forever student,’ eager to both build on her academic foundations in psychology and sociology and stay in tune with the latest digital marketing strategies through continued coursework.</p>
Madison believes mindfulness in the workplace is key to success - a tenet she lives out through her interests in yoga, meditation, gardening, and painting. Madison is currently working as a freelance marketing director and is always interested in a challenge. Reach out to madisonblackstone@gmail.com to connect!

<p>
Madison Blackstone is a director of brand marketing, with experience managing global teams and multi-million-dollar campaigns. Her background in brand strategy, visual design, and account management inform her mindful but competitive approach. Madison is fueled by her passion for understanding the nuances of cross-cultural advertising. She considers herself a ‘forever student,’ eager to both build on her academic foundations in psychology and sociology and stay in tune with the latest digital marketing strategies through continued coursework.</p>
<p>
Madison Blackstone is a director of brand marketing, with experience managing global teams and multi-million-dollar campaigns. Her background in brand strategy, visual design, and account management inform her mindful but competitive approach. Madison is fueled by her passion for understanding the nuances of cross-cultural advertising. She considers herself a ‘forever student,’ eager to both build on her academic foundations in psychology and sociology and stay in tune with the latest digital marketing strategies through continued coursework.</p>
<p>
Madison Blackstone is a director of brand marketing, with experience managing global teams and multi-million-dollar campaigns. Her background in brand strategy, visual design, and account management inform her mindful but competitive approach. Madison is fueled by her passion for understanding the nuances of cross-cultural advertising. She considers herself a ‘forever student,’ eager to both build on her academic foundations in psychology and sociology and stay in tune with the latest digital marketing strategies through continued coursework.</p>
</div>
</div>
</body>
</html>

最新更新