Solution for mobile content exceeding container sliding card

It is recommended not to use flex layout, sliding card

　　

Direct use of the most primitive:

1. At the outermost layer given a width (height) value, the width of the fixed container is high, then Overflow:auto;

2. The container will automatically slide when the content inside it is exceeded.

Note : If you add a float:left floating inside the content, you need to add the total width of the content ul, or Li will not float to the left.

HTML structure:

<div class= "contain" >//container given a given value (wide or high) plus overflow:auto;

<ul>//li do not float when not add anything, Li left floating, will add the total width of

<li>...</li><li>...</li><li>...</li><li>...</li><li>, ..... </li><li>...</li><li>...</li>

</ul>

</div>

Solution for mobile content exceeding container sliding card