私はウェブデザイナーであり、stackoverflowの新機能です。スペースがあるため、ドロップダウンメニューのリンクを配置する（より具体的にはメニューの左に合わせる）というこの問題があります。メニューの左端とリンクの始まりとの間にあります（下のライブデモリンクを確認してください）。私はテキストアライメント、フロート、マージン、パディング、位置プロパティを試しましたが、どれもこれを解決していないようです。私は、メニューのCSSは、ページの他のCSSコードと競合しているかもしれないと思うが、私はそれを見つけるように見えない。jsドロップダウンサブメニューの項目の位置付け
live demo of the page hereからソースコードを確認することができます。
あなたのコードがどのように構造化されているかに基づいて、これは私があなたがしようとしていると思うことを行うためにあなたのCSSを修正する方法です - **私が行ったCSSの変更：
.dropdown dd {
position: absolute;
overflow: hidden;
width: 200px;
display: none;
background: #f8f8f8;
z-index: 200;
opacity: 0;
**border-right: 1px solid #004e8e;**
}
.dropdown ul {
**overflow: hidden;**
width: 204px;
border: 1px solid #004e8e;
list-style: none;
}
.dropdown li {
**display: block;**
**position: relative;**
**left: -40px;**
}
これは、左に余分なスペースを取り除くだけでなく、作成しようとしていると思われるドロップダウンの周りに青い枠線を置く必要があります。
素晴らしい！私は苦労していたものでした。時には、あなたが何かにあまりにも多くのことを働かせても、それを働かせることができないときには、私の場合のように、ソリューションはあなたが内部から見ることができないほど簡単になる可能性があるので、外側から見る必要があります。 – Hassan
デモページが機能していません。 – kinakuta
サーバーに問題がありました。今それは動作し、私はまだこれを解決することができませんでした。私はあなたのヒントを試しましたが、改善はありません。 – Hassan
さて、あなたが話していることを見ることができたので、私は見て、私の答えを更新します。 – kinakuta