Question

这是我的问题http://jsfiddle.net/hkebxend/我想把那个女人移到＃historia部分的右上角，然后用漂浮的花朵图像顶部：右边（不带位置：绝对但带浮动：右边）

HTML：

<section id="historia">
      <div class="pasek-one">
              <span class="data-one">1940-1950</span>
      </div>
      <div class="zdjecie-one"></div>
      <p class="tekst-one">
      Rodzina Tatomirów przeprowadza się z Lwowa do Krakowa pod koniec I Wojny Światowej. Na początku lat 20. Tomasz Tatomir – 
      pierwszy przedstawiciel fryzjerskiego rodu Tatomirów – rozpoczyna praktykę na Rynku Głównym w Krakowie. To tam zyskuje przydomek 
      „Roman”. W 1927 roku Tomasz „Roman” Tatomir na krakowskim Placu Inwalidów otwiera swój pierwszy salon (na zdjęciu). Wkrótce 
      wybucha jednak II Wojna Światowa. „Roman” jest zmuszony do opuszczenia salonu. Zaraz po wojnie otwiera zakład fryzjerski na 
      nowo – tym razem w swoim domu rodzinnym na Bronowicach.
      </p>
</section>

Answer 1

我将css改为div.pasek-one并添加了属性float:left; width:70%，我想你想要完全相同的结果

对不起。明白它有点不对劲。这里是纠正css http://jsfiddle.net/gopal280377/tpmchbd5/

的小提琴

Answer 2

刚改变了div的结构 - 移动了

<div class="zdjecie-one"></div>

在pasek-one里面。请参阅下面的代码，没有CSS更改

<section id="historia">
      <div class="pasek-one">
              <span class="data-one">1940-1950</span>
        <div class="zdjecie-one"></div>
      </div>

      <p class="tekst-one">
      Rodzina Tatomirów przeprowadza się z Lwowa do Krakowa pod koniec I Wojny Światowej. Na początku lat 20. Tomasz Tatomir – 
      pierwszy przedstawiciel fryzjerskiego rodu Tatomirów – rozpoczyna praktykę na Rynku Głównym w Krakowie. To tam zyskuje przydomek 
      „Roman”. W 1927 roku Tomasz „Roman” Tatomir na krakowskim Placu Inwalidów otwiera swój pierwszy salon (na zdjęciu). Wkrótce 
      wybucha jednak II Wojna Światowa. „Roman” jest zmuszony do opuszczenia salonu. Zaraz po wojnie otwiera zakład fryzjerski na 
      nowo – tym razem w swoim domu rodzinnym na Bronowicach.
      </p>
</section>

我可以浮动：如果image1和image2在同一个容器中，右边的Image1一个在Image2的顶部吗？

2 个答案: