您的当前位置:首页正文

div包含div问题_html/css

2023-11-28 来源:91汽车资讯网

为何2 设置margin-top之后1 页跟着往下20px?;不是应该2相对于1往下20px么?

回复讨论(解决方案)

如果这样子,3会相对于2往下20px;

这是CSS 外边距合并特性 http://www.w3school.com.cn/css/css_margin_collapsing.asp

每个元素都有其默认的外边距,1是由默认的外边距,你设置2的外边距为20px,两个外边距会进行合并取较大值。

内边聚试下呢?不知道行不

小编还为您整理了以下内容,可能对您也有帮助:

div为什么能包住div?

div里面嵌套div,里面的div是以外面的div作为基准,它的一行的宽度就是外面div的宽度。
p虽然是块级元素,但它是有特定用途的,是专门用作段落的,里面只能包含行内元素(比如span、a、b、font等等),不能包含其他块级元素(包括p),如果包含了,那么被包含的块级元素就会自动跳到p的外面。原因也很好理解:段落里面当然不可能再包含段落!

div为什么能包住div?

div里面嵌套div,里面的div是以外面的div作为基准,它的一行的宽度就是外面div的宽度。
p虽然是块级元素,但它是有特定用途的,是专门用作段落的,里面只能包含行内元素(比如span、a、b、font等等),不能包含其他块级元素(包括p),如果包含了,那么被包含的块级元素就会自动跳到p的外面。原因也很好理解:段落里面当然不可能再包含段落!

css中一个div包含一个小div,如果外层的div不设border属性,里边的div上部会贴住外层div,为什么?

这位网友你好,你遇到的是Margin垂直外边距合并问题,外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

垂直外边距合并问题常见于第一个子元素的margin-top会顶开父元素与父元素相邻元素的间距,而且只在标准浏览器下

(FirfFox、Chrome、Opera、Sarfi)产生问题,IE下反而表现良好。

这个问题发生的原因是根据规范,一个盒子如果没有上补白(padding-top)和上边框(border-top),那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。

再说了白点就是:父元素的第一个子元素的上边距margin-top如果碰不到有效的border或者padding.就会不断一层一层的找自己

“领导”(父元素,祖先元素)的麻烦。只要给领导设置个有效的

border或者padding就可以有效的管制这个目无领导的margin防止它越级,假传圣旨,把自己的margin当领导的margin执行。

对于垂直外边距合并的解决方案上面已经解释了,为父元素例子中的middle元素增加一个border-top或者padding-top即可解决这个问题。

详细介绍你可以看一下下面我上传的文章,或者搜一下相关资料

css中div的嵌套问题?基本情况是 div1中嵌套了div2和div3 代码如下

z-index

这个不需要写DIV的层级关系,也能做到。

如果你用定位,那就把DIV3的TOP减小一点就回来了。

我 用的方法是,你可以为DIV1设定一个填充,那么DIV2就定位了,然后再写DIV3的上边距,这样你想要多远就有多远了。

不要写DIV2的下边距,因为上面的下边距和下面的上边距会合并,而不是相加。追问怎样用填充效果?请教下 谢谢!

追答看来你的问题还是要用到边距,填充是padding=20px,把它放在DIV1里,Div2就会拉开距离了。

91汽车资讯网还为您提供以下相关内容希望对您有帮助:

css中一个div包含一个小div,如果外层的div不设border属性,里边的div上部...

这个问题发生的原因是根据规范,一个盒子如果没有上补白(padding-top)和上边框(border-top),那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。再说了白点就是:父元素的第一个子元素的上边距margin-t...

css问题,div上还有一个div,如何把下层div中的元素显示出来?

首先一点,你发的代码太长了,你还用图片的格式发的,这样很少有人能像我一样把代码敲一遍,去看你的问题,下次要粘贴代码。我看了你的代码,你是想用<div class="t-pop"></div>这个做下拉吗,如果是这样的画,你...

一个大的DIV中嵌套两个小的DIV一左一右

大的DIV中嵌套两个小的DIV一左一右步骤如下:1,首先,图中显示的Web结构是html和css。2,打开html页面,如图所示,定义一个大div和两个小div。3,最常用的float float,只要两个小div的宽度小于或等于大div的宽度,就...

html5+css+js中,大div包含一个小div,小div还在,大div不知道跑在哪里去...

这是定位的问题,设置绝对定位的元素是没有体积的,而它又是相对父级元素来的,使用的时候一般父级元素要设置为相对定位

一个大的DIV中放两个小的DIV一左一右

1、首先如图所示的web结构即一个html和css即可实现。2、打开html页面 定义一个大的div和两个小div 如图所示。3、最常用的float浮动,只要两个小div的宽度小于等于大div的宽度,即可实现并排了。4、使用position进行绝对定位...

css中div的嵌套问题?基本情况是 div1中嵌套了div2和div3 代码如下_百 ...

我 用的方法是,你可以为DIV1设定一个填充,那么DIV2就定位了,然后再写DIV3的上边距,这样你想要多远就有多远了。不要写DIV2的下边距,因为上面的下边距和下面的上边距会合并,而不是相加。

div内容被div覆盖,怎么解决

1.css代码 .div1{height:30px; width:100%; background:#fff; position:relative; z-index:1;}.div2{height:30px; width:100%; background:#f00; position:absolute; top:0px; left:0; z-index:2;} 2.htm...

CSS 在div中又嵌套了一个div2 div3 如何让div2 div3在div1中并列_百度...

第一种方法(需要css3):<style>.div1 {width:400px; height:300px; border:1px solid #00f}.div2 {display:inline-block; width:150px; height:200px; border:1px solid #f00}.div3 {display:inline-block; ...

HTML如果一个大的div里面有一个小的div

首先给大div加个相对定位属性position:relative;(作为小的div参照);然后小div再加自己定位属性(如可以是position:absolute;)。

...请问如何设置样式才能完全包含div元素里面的内容呢?

不知你的问题是否是:设置浮动float后,div不能包含里面的内容,如果是这样,那在父元素加样式overflow:hidden;即可;方法并不唯一,这是我曾经遇到过的问题之一,希望能够帮助到你

Top