姥姥家的饭

// 引入资源<link rel="stylesheet" href="css/source.css"><link rel="stylesheet" href="css/reset.css"><script src="./js/jquery.js"></script><script src="./js/source.js"></script>// 开始使用<div id="source" class="sourc.

jQuery模仿element-ui三级联动，箭头图标用的layui里面的，可以自定义。数据用的本地三级联动数据，也可以改为后台数据代码github地址引入js <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <script src="https://heerey525.github.io/layui-v2.4.3/layui/layui.js"></sc.

虽然说标题是说“固定”底部，但是我们想要的效果不是position: fixed。使用固定定位，在内容高于窗口高度时，就会挡住我们的内容。最完美的实现方式是使用Flexbox。实现的关键就是使用不太被关注的flex-grow属性，可以在我们的内容标签元素（比如div）中使用HTML<div id="document"> <nav> <h1>头部内容</h1> </nav> <main> <p>可以添加更多

虽然这些新出的布局方式可以让我们解决很多以前的布局难题，但是像瀑布流布局这种，就无法用它们简单来实现了。因为瀑布流一般来说都是宽度一致，但是高度是根据图片自适应的。并且图片的位置也是根据在上方图片的位置而定的。其实最好实现瀑布流布局的办法就是用CSS的列属性套件，这套属性大多数都是用于排版杂志中的文本列。但是用于布局瀑布流也是特别实用哦。因为以前需要实现瀑布流，就必须有JavaScript的辅助来计算图片高度然后决定每张图片的定位和位置，所以现在有了列属性就可以使用纯CSS实现了。HTNL<d.