一点点小随笔:min-width

<!doctype html>
<html lang="en">

    <head>
        <meta charset="UTF-8" />
        <title></title>
        <script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>
        <style type="text/css"> * { margin: 0px; padding: 0px; } html, body { width: 100%; font-size: 16px; min-width: 1305px; overflow: hidden; } ul { list-style: none; width: 100%; /*border: 1px solid red;*/ background: gray; } li { margin: 11px; text-align: center; display: inline-block; width: 200px; height: 20px; border: 1px solid red; } li:nth-child(5n+1) { margin-left: 111px; } </style>
        <script type="text/javascript"> $(function() { $('ul li').eq(0).css('background', 'green'); }) </script>

    </head>

    <body>
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
            <li>7</li>
            <li>8</li>
            <li>9</li>
            <li>10</li>
        </ul>
    </body>

</html>

你可能感兴趣的:(一点点小随笔:min-width)