Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何将这些div相邻放置?_Html_Css - Fatal编程技术网

Html 如何将这些div相邻放置?

Html 如何将这些div相邻放置?,html,css,Html,Css,我很难把这两个div放在一起。 你能在.html文件中解决这些问题吗,所以不用css 乌尔纳·埃拉特·阿梅特·拉库斯 静脉曲张静脉曲张 乌尔纳·埃拉特·阿梅特·拉库斯 静脉曲张静脉曲张 使用显示:flex属性 乌尔纳·埃拉特·阿梅特·拉库斯 静脉曲张静脉曲张 乌尔纳·埃拉特·阿梅特·拉库斯 静脉曲张静脉曲张 您需要在包装器中添加浮点,而不是在其容器中添加浮点来修复实际代码。还要将溢出:自动添加到父容器以避免溢出问题: 乌尔纳·埃拉特·阿梅特·拉库斯 静脉曲张静脉曲张 乌尔

我很难把这两个div放在一起。 你能在.html文件中解决这些问题吗,所以不用css


乌尔纳·埃拉特·阿梅特·拉库斯 静脉曲张静脉曲张

乌尔纳·埃拉特·阿梅特·拉库斯 静脉曲张静脉曲张


使用
显示: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>