position: absolute;
将来の子を絶対に配置できるように、要素の1つが必要なhtmlセットアップがあります。子の配置はファイルで動作するようですがposition: absolute;
、何らかの理由で、タイトルのすぐ下に表示されるはずの画像がタイトルの右側に表示されます。私はこれを熟考するのに数時間を費やしました。position: relative;
as classを使用して div に追加しようとしましhot_spot_item
たが、実りはありませんでした。を削除すると、画像がタイトルのすぐ下に配置position: absolute;
されますが、子の絶対位置が乱れます。.hot-spot-wrapper
どんな助けでも感謝します。
http://jsbin.com/ocetas/1/edit
編集
@jkinz詳細な返信をありがとう。タイトルとマップが一緒で、どちらも同じ降り場があることがわかった場合、あなたのソリューションは機能します。問題は、彼らがここで物事を行う方法のために、もう少し複雑です.
- HTML は、ビジネス関係者がページの作成に使用する XML 構成に基づいて、サーバー側で構築されます。
- この xml 構成は、タイトルとマップを 2 つの別個のエンティティとして扱います。
- この xml 構成は、サーバー側でアイテムごとに解析され、その特定のアイテムの html を生成する freemarker テンプレートを通過します。
- したがって、タイトルの html はマップの html とは別に生成されるため、私の人生は悲惨なものになっています。
- これは、ビジネス作成者が xml 構成で実行できる多くのことの 1 つです。
- したがって、これが彼らが配置した種類のxml定義であることを検出するのが難しい場合、タイトルとマップを一緒にラップして配置できるようにすることがわかります.
- また、タイトルとマップの水平方向の配置を個別に制御できます。
PS 私は「デザイン生産分離症候群」の典型的なケースです。長い間、ソフトウェア業界ではこれは不可能だと思っていました。アーキテクトは、UI 開発者が 2 年間参加せずに Web ベースの製品を開発した経験がないショップでバックエンド全体を設計および実装しました。その後、UI を行うために私を連れてきました。ソフトウェアを開発するためのくだらない方法。とにかく、あなたの助けに感謝します。