В этом горизонтальном меню только для последнего выпадающего меню я хочу сохранить внутри

Question

http://www.lwis.net/free-css-drop-down-menu/dropdown.simple.horizontal.html

Правый выпадающий элемент выходит за пределы меню

альтернативный текст http://shup.com/Shup/374936/110621146-My-Desktop.png

Мне нужно только последнее подменю последнего элемента внутри.

как это альтернативный текст http://shup.com/Shup/374939/1106211810-My-Desktop.png

Answer 1

Во-первых, вы можете рассмотреть вопрос о позиционировании вашего главного меню относительно.Тогда выпадающие ul, которые расположены абсолютно, появятся под их соответствующими li по умолчанию.Например, это:

ul.dropdown li {
    position: relative;
}

Затем вы можете просто добавить новый класс к последнему <li class="dir">, который получает собственный стиль для изменения позиции последнего выпадающего меню.Примерно так, например:

HTML:

<li class="dir last">

CSS:

li.last ul {
    left: -50px; /* or however much you need for it to appear where you want it to */
}

Answer 2

Вам необходимо установить правильную позицию для этого конкретного списка, т.е.

<li class="dir"><a href="./">Contact Us</a>
        <ul style="last-menu">
            <li><a href="./">Enquiry Form</a></li>
            <li><a href="./">Map &amp; Driving Directions</a></li>
            <li><a href="./">Your Feedback</a></li>
        </ul>
    </li>

<style>
  .last-menu{
    right: 0px;
  }
</style>