我给div里面的那个div加了个margi-top为啥两个都会一起向下移动
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了我给div里面的那个div加了个margi-top为啥两个都会一起向下移动相关的知识，希望对你有一定的参考价值。
我只是想让里面的那个div向下移动,我加的margin-top也是加在里面的那个div里，为什么两个会一起移动啊？
margin本来就是指两个非嵌套的div之间的间隔，你在里面那个div设置了margin，外面的div自然会执行margin了，这个本就没有错误，如果想上面那个不跟随margin，你就把外面那个div的position设置为 absolute就可以了。下面有个例子你看下，把#id的position属性删除，就会是那个跟随margin的效果了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>手写html</title>
<style type="text/css">
#id
width:980px;
margin:0 auto;
background:red;
height:500px;
position: absolute;
#id div
width:200px;
height:200px;
margin-top:50px;
background:blue;
</style>
</head>
<body>
<div style="width:200px;height:200px;background:blue;">
上一个div
</div>
<div id="id">
<div>
被包裹的div
</div>
</div>
</body>
</html> 参考技术A 你说的这种情况，如果加对层了，应该是不可能的。再检查下。如果还不行。你给外边的div加个margin-top:负值 看看。
就是说如果你开始里边的div是margin-top:10px; 的话，
那么你就在外边的加个 margin-top:-10px; 参考技术B 你加错层了吧 试着把样式卸载里面的div里 直接在里层的div加样式style="margin-top:10px;"追问
没有加错层，就是在里面的那个div里面加的，跪求！！！
swiper.js我给swiper-slide里面的div设置高度后为啥
参考技术A 根据最外层的container高度决定的，即.swiper-container。当然有参数可以设置是否自动高度和固定高度，2.x和3.x的设置方法不一样，可以参考官方API 参考技术B onSlideChangeStart: function()var H = $(".content-slide").eq(tabsSwiper.activeIndex).height();
$(".swiper-slide").css('height', H + 'px');
$(".swiper-wrapper").css('height', H + 'px');
这段放里面试试本回答被提问者采纳 参考技术C onSlideChangeStart: (function()
var H = $(".content-slide").eq(tabsSwiper.activeIndex).height();
$(".swiper-slide").css('height', H + 'px');
$(".swiper-wrapper").css('height', H + 'px');
)
上面的回答少了一个小括号，会报错的
应该是
onSlideChangeStart: (function()
);
以上是关于我给div里面的那个div加了个margi-top为啥两个都会一起向下移动的主要内容，如果未能解决你的问题，请参考以下文章
swiper.js我给swiper-slide里面的div设置高度后为啥