Html 如何将这些div相邻放置?
我很难把这两个div放在一起。 你能在.html文件中解决这些问题吗,所以不用cssHtml 如何将这些div相邻放置?,html,css,Html,Css,我很难把这两个div放在一起。 你能在.html文件中解决这些问题吗,所以不用css 乌尔纳·埃拉特·阿梅特·拉库斯 静脉曲张静脉曲张 乌尔纳·埃拉特·阿梅特·拉库斯 静脉曲张静脉曲张 使用显示:flex属性 乌尔纳·埃拉特·阿梅特·拉库斯 静脉曲张静脉曲张 乌尔纳·埃拉特·阿梅特·拉库斯 静脉曲张静脉曲张 您需要在包装器中添加浮点,而不是在其容器中添加浮点来修复实际代码。还要将溢出:自动添加到父容器以避免溢出问题: 乌尔纳·埃拉特·阿梅特·拉库斯 静脉曲张静脉曲张 乌尔
乌尔纳·埃拉特·阿梅特·拉库斯
静脉曲张静脉曲张
乌尔纳·埃拉特·阿梅特·拉库斯
静脉曲张静脉曲张
使用显示:flex
属性
乌尔纳·埃拉特·阿梅特·拉库斯
静脉曲张静脉曲张
乌尔纳·埃拉特·阿梅特·拉库斯
静脉曲张静脉曲张
您需要在包装器中添加浮点,而不是在其容器中添加浮点来修复实际代码。还要将溢出:自动添加到父容器以避免溢出问题:
乌尔纳·埃拉特·阿梅特·拉库斯
静脉曲张静脉曲张
乌尔纳·埃拉特·阿梅特·拉库斯
静脉曲张静脉曲张
乌尔纳·埃拉特·阿梅特·拉库斯
静脉曲张静脉曲张
乌尔纳·埃拉特·阿梅特·拉库斯
静脉曲张静脉曲张。
这是一个快速的谷歌搜索……我现在看到的是:检查父元素并添加overflow:auto
<div>
<div style="float: left;width: 50%;">
<div class="wrapper" style="float: left;">
<div class="split clear light" style="background-image:url('images/slide01.jpg'); background-position: center;">
<article class="box center" style="float: right;">
<!-- ################################################################################################ -->
<div class="btmspace-30">
<p class="nospace"><a href="#">Tortor sit amet aliquet</a></p>
<h2 class="heading font-x2">Urna erat sit amet lacus</h2>
<p>Varius lectus id tempus venenatis massa tellus vehicula turpis eget.</p>
</div>
<footer><a class="btn medium inverse" href="#">Sit amet turpis</a>
</footer>
<!-- ################################################################################################ -->
</article>
</div>
</div>
</div>
<div style="float: left;width: 50%;">
<div class="wrapper" style="">
<div class="split clear light" style="background-image:url('images/slide01.jpg'); background-position: center;">
<article class="box center" style="float: right;">
<!-- ################################################################################################ -->
<div class="btmspace-30">
<p class="nospace"><a href="#">Tortor sit amet aliquet</a></p>
<h2 class="heading font-x2">Urna erat sit amet lacus</h2>
<p>Varius lectus id tempus venenatis massa tellus vehicula turpis eget.
</p>
</div>
<footer><a class="btn medium inverse" href="#">Sit amet turpis</a>
</footer>
<!-- ################################################################################################ -->
</article>
</div>
</div>
</div>
</div>