Html 如何格式化一个块元素和一个内联元素？
我的任务是在VisualStudio中重新创建wikipedia页面上的内容。我为介绍段落、内容框和侧边栏做了单独的div。我无法让侧边栏浮动到简介文本的一侧-它浮动到右侧，但保持在简介文本下方。是否有一个简单的flexbox解决方案？有什么想法吗 我尝试将内容框向左浮动，侧边栏向右浮动，但不知道如何向上移动侧边栏Html 如何格式化一个块元素和一个内联元素？,html,css,flexbox,Html,Css,Flexbox,我的任务是在VisualStudio中重新创建wikipedia页面上的内容。我为介绍段落、内容框和侧边栏做了单独的div。我无法让侧边栏浮动到简介文本的一侧-它浮动到右侧，但保持在简介文本下方。是否有一个简单的flexbox解决方案？有什么想法吗 我尝试将内容框向左浮动，侧边栏向右浮动，但不知道如何向上移动侧边栏 <body> <h1>Sara Bareilles</h1> <hr> <h4>From Wiki
<body>
<h1>Sara Bareilles</h1>
<hr>
<h4>From Wikipedia, the free encyclopedia</h4>
<div class="content">
<div class="intro">
<p> <strong>Sara Beth Bareilles</strong> (/bəˈrɛlɪs/; born December 7, 1979)[1] is an American singer-songwriter and actress.</p>
<p>Bareilles has sold over one million albums ...as a bestseller.[5]</p>
</div>
<div class="contentsBox">
<div class="tocTitle"><strong>Contents</strong>[hide]</div>
<ul class="contentsSection">
<li>
<a href="#Life and career">
<span class="contentsNum">1</span>
<span class="contentsText">Life and career</span>
</a>
</li></ul>
</div>
<div class="sidebar" id="sidebar">
<span class="sidebarTitle"><b>Sara Bareilles</b></span>
<div class="photobox">
<img class="photo" src="440px-Sara_Bareilles.jpg" alt="Sara Bareilles sitting at the piano and singing" width="200px">
<p class="caption">Bareilles performing at the Troubadour in West Hollywood, California in October 2015</p>
</div>
<div class="infoItem">
<span class="infoItemTitle"><b>Born</b></span>
<span class="infoItemText">Sara Beth Bareilles</span>
</div>
莎拉·巴雷尔斯
来自维基百科，免费的百科全书
莎拉·贝思·巴雷耶斯（Sara Beth Bareilles）（/bərɛlɪs/，生于1979年12月7日）[1]是美国歌手、歌曲作者和演员
Bareilles已售出超过一百万张专辑……成为畅销书
内容[隐藏]
-
莎拉·巴雷尔斯
2015年10月，Bareilles在加利福尼亚州西好莱坞的游吟诗人表演
天生的
莎拉·贝思·巴里尔斯
你的问题不太清楚，我对你的代码做了一个简单的描述，希望这就是你的意思
你能提供你的
csscss