How to position the dropdown list so that it does not go beyond the set aisles?

Question

css

Jumping ahead a bit in my "css exercises" I want to know if it's possible to position a drop down menu with just css alone. Imagine there is a set width of 800px and the last menu item is pushed all the way to the right. And when I click on it, the dropdown goes beyond 800px. Can this be avoided with just css? And if so, please explain how.

Answer 1

This is not recommended for css.
But if for the sake of experiment, you can change the positioning of the drop-down list through the last menu item.
Your drop down list looks like this. Well, i.e. "hooks" to the menu item on the top left.
css

.subList {
  ...
  position: absolute;
  top: 0;
  left: 0;
  ...
}

Here you need the last menu item to have the drop-down list "cling" to the right side.
css

.items:last-child {
  .subList {
    right: 0;
  }
}

Answer 2

max-width:800px;