0

おそらく非常に単純な質問ですが、私はこれを自分で実装しようとすることにうんざりしています。問題は、私たちのソフトウェア製品から生成された事前生成された html コードを使用しているため、html で div を他の div の上に移動することはできません。したがって、cssで行う必要があります。

  <div class="job_description">
    <h1>Web Developer (.Net/Mobile)</h1>
    <div class="job_summary">
       <p>
     Some text here
    <br>
    <br>
     Some text here
       </p>
    </div>

    <div class="job_classifications">
        <div class="classification x_location">
           <div class="class_type">Location</div>
           <div id="location" class="class_value"> London</div>
        </div>

         <div class="classification refno">
           <div class="class_type">Ref No</div>
           <div class="class_value">80</div>
        </div>
  </div>

基本的に、job_classifications を job_summary の上に表示したいと思います。次に、job_classifications 内で、さまざまな分類のそれぞれをグリッド形式で一緒に表示する必要があります。

何か案は？

4

3 に答える 3

1

コンテンツがどのように正確に見えるかに応じて、少し調整する必要があるかもしれませんが、おそらくこのような方法でうまくいきます. jQuery の使用:

$(".job_classifications").prependTo(".job_summary");

ここに例がありますhttp://jsbin.com/aqukez/1/edit

于 2012-11-16T14:49:57.053 に答える
0

親のjob_descriptionを相対的なものとして配置し、子を絶対的なものとして配置すると、探している効果が得られるはずです。

このアプローチの主なポイントは、最も近い位置にある親に対して位置を配置することです。

于 2012-11-16T14:49:39.363 に答える
0

http://jsfiddle.net/TxgKH/3/

使用できます

.job_description {
   display: table;
   caption-side: bottom;
}
.job_summary {
   display: table-caption;
}

そして、古いieの絶対位置+ jsフォールバックを配置します。

あなたはこのようなことをすることができます:)そして、つまり7未満の場合、jsフォールバックがあります。

于 2012-11-16T14:52:18.383 に答える