0

新しい Web アプリのタイムライン機能を作成中ですが、この CSS の問題を回避する方法がわかりません。「マウナ キー サミット」に沿って「マウナ キー天文台」を作成したいと思います。その div は他のトレッキング アイテム div のいずれにも当たらないようにするためです。trek_items が互いにカバーする場合にのみ、それらを垂直にリストしたい. 解決策を知っていますか？

私の問題は次の場所で見ることができます:タイムライン機能

4

1 に答える 1

0

フローティングではなく、div の配置を使用して水平に配置できます。たとえば、div の位置を絶対位置にして、 left、* top *、rightおよびbottomを使用して位置に配置します。

以下のコードを参照してください

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <div style="width:100px; height:100px; border:1px solid; position:absolute; left:0px;"></div>
    <div style="width:100px; height:100px; border:1px solid; position:absolute; left:100px;"></div>
    <div style="width:100px; height:100px; border:1px solid; position:absolute; left:200px;"></div>
</body>
</html>

ワーキング JS フィドル

于 2013-05-08T04:50:47.473 に答える