List items run outside of list and div area
I\'m having an issue with a menu un-ordered list. Whereby the list items are over running the
-
Make them
display: block, notinline.讨论(0) -
To fix the Unordered List from pouring out of the DIV, I would suggest going into the CSS and adding a min-width.
so, for example if your parent has a width:600px give the , within that div, a class and set a min-width:600px and this will keep the
- items from stacking on top of one another and spilling outside the parent . worked for me.
讨论(0) - items from stacking on top of one another and spilling outside the parent . worked for me.
-
You can use
float: left;on thelis instead ofdisplay: inline;.Just remember to also use
overflow: hidden;on the parent element (theul).Another option would be to use:
display: inline-block, but I'm not 100% sure about the browser support.讨论(0) -
Do display: block; always... Never do
display: inline;ordisplay: inline-block;To fix the Unordered List from pouring out of the DIV, try going into the CSS and apply this:
ul { list-style-position: inside; }讨论(0)
加载中...
- 热议问题