<div class="foot"> <h2>传统手工艺@剪纸</h2> <div > <a href="#">网站地图</a> <a href="#" style="margin-top:30px;">隐私政策</a> <a href="#" style="margin-top:60px;">简体中文 / English </a> </div> <div > <a href="#">联系我们</a> <a href="#" style="margin-top:30px;">常见问题与回复</a> </div> <div ><a href="#">版权所有:</a></div> <div ><a href="#">所在地址:</a></div> </div> </div> </div>怎么把这个放在其他div的最底部
时间: 2023-08-14 22:16:09 浏览: 57
要将这个放在其他 div 的最底部,可以使用 CSS 的定位属性。具体来说,可以将父元素的 position 属性设置为 relative,然后将这个 div 的 position 属性设置为 absolute,bottom 属性设置为 0,这样它就会固定在父元素的最底部。示例代码如下:
```
<div style="position: relative;">
<!-- 其他内容 -->
<div class="foot" style="position: absolute; bottom: 0;">
<h2>传统手工艺@剪纸</h2>
<div>
<a href="#">网站地图</a>
<a href="#" style="margin-top:30px;">隐私政策</a>
<a href="#" style="margin-top:60px;">简体中文 / English </a>
</div>
<div>
<a href="#">联系我们</a>
<a href="#" style="margin-top:30px;">常见问题与回复</a>
</div>
<div><a href="#">版权所有:</a></div>
<div><a href="#">所在地址:</a></div>
</div>
</div>
```
注意:这里的父元素指的是包含这个 div 的直接父元素。如果这个 div 是页面最底部的元素,则可以将父元素设置为 body 或 html,并将它们的高度设置为 100%。
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>美丽GO</title> 美丽GO <style> .h1{ justify-content: center; } .wrapper { display: flex; justify-content: center; } #left { display: flex; list-style: none; margin: 0; padding: 0; } #left li { display: inline-block; margin-right: 10px; } #content { display: flex; flex-wrap: wrap; justify-content: center; } #content div { flex: 1; margin: 10px; } img { max-width: 100%; } </style> <script src="jquery.min.js"></script> <script> $(function() { // 1. 鼠标经过左侧的小li $("#left li").mouseover(function() { // 2. 得到当前小li 的索引号 var index = $(this).index(); console.log(index); // 3. 让我们右侧的盒子相应索引号的图片显示出来就好了 // $("#content div").eq(index).show(); // 4. 让其余的图片(就是其他的兄弟)隐藏起来 // $("#content div").eq(index).siblings().hide(); // 链式编程; $("#content div").eq(index).show().siblings().hide(); }) }) </script> </head> <body> 女靴 雪地靴 冬裙 呢大衣 毛衣 棉服 女裤 羽绒服 牛仔裤 男包
</body> </html>如何将其代码改成表格形式
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
如何使用card控件里的图片具有设置地图中心点坐标功能?function setMapCente<body> <script type="text/javascript" class="map"> var map = new BMap.Map("baiduMap"); map.centerAndZoom(new BMap.Point(2.33269, 48.863727), 13); map.addControl(new BMap.MapTypeControl()); map.setCurrentCity("巴黎"); map.enableScrollWheelZoom(true); </script>
安纳西 >
安纳西 >
安纳西 >
安纳西 > </body>r(lat, lng) { var newCenter = new google.maps.LatLng(lat, lng); map.setCenter(newCenter); }
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)