barriers / 阅读 / 详情

子元素的margin-top属性为什么会影响父元素的margin-top?

2023-07-20 08:23:11
TAG: to in ma rg top margin
共1条回复
小教板

问题描述:

最近在开发中偶然遇到了一个问题那就是如下图:父级元素是个空的最外层包裹元素,子元素是内容,想控制子元素不从页面顶端开始,就给子元素设置一个margin-top:50px;没想到父元素也随之下移了。我们只知道相邻元素如果既有margin-bottm又有margin-top会产生margin塌陷,但是这又是为什么呢?

原因探索:

解读规范可知:相邻两个元素的margin会折叠(相邻包括兄弟元素也包括抚子元素),但是仍需满足以下几个条件:

必须是处于常规文档流(非float和绝对定位)的 块级盒子 ,并且处于同一个 BFC 当中。

*没有线盒,没有空隙( clearance ,下面会讲到),没有padding和border将他们分隔开

*都属于垂直方向上相邻的外边距,可以是下面任意一种情况:

*元素的margin-top与其第一个常规文档流的子元素的margin-top

*元素的margin-bottom与其下一个常规文档流的兄弟元素的margin-top

*height为auto的元素的margin-bottom与其最后一个常规文档流的子元素的margin-bottom高度为0并且最小高度也为0,不包含常规文档流的子元素,并且自身没有建立新的BFC的元素的margin-top和margin-bottom

解决办法 :

根据以上原因分析可知,我们只需打破它合并的规则即可解决该问题:比如给子元素设置float/position属性使其脱离文档流,或者给父元素设置border/padding然后将其box-size属性设置为border-box/padding-box等等

相关推荐

【css】外边距margin的属性和使用方法

外边距很好理解,就是指边框以外的距离,可以表示和其它元素之间的距离,使用margin属性来设置。 margin后面可跟多个值,中间用空格分离,含义如下: (1)首先我们放置三个盒子,颜色不同,宽高均为100px。 (2)我们给中间的橙色盒子加上一个10px的上外边距,可以看到橘黄色的盒子向下移动了10px,上面多了一个上外边距。 (3)接下来我们去掉上外边距,改成给橘黄色盒子加上一个10px的下外边距,发现橘黄色盒子并没有移动,移动的是下面的黄色盒子,所以margin-top和margin-bottom的用法一定要区分开。 (4)外边距可以是赋值,我们给橘黄色盒子添加一个-50px的上外边距,可以看到橘黄色盒子向上移动了。 (1)我们放置一个大的红色盒子,里面包着一个小的橘黄色盒子,当我们为橘黄色盒子添加了一个50px的上外边距的时候,本来应该只是小盒子多了上外边距然后导致向下移动。结果发现,效果就好像是给大盒子加了上外边距一样,大盒子跟着小盒子一起塌陷下去了,并不是我们想要的效果。 (2)如果大盒子有边框,或者橘黄色盒子上面还有元素,情况会是正常的,可以达到我们想要的效果,不会出现塌陷: (3)解决方法 在外部元素上面没有边框,其内部上方也没有其它元素挡着的时候,给其子元素设置上外边距,会导致塌陷,达不到想要的效果。目前我们只能在遇到这种情况的时候尽量使用padding去设置,不要使用margin,当然还有很多别的解决方法,就不细说啦。 我们放置两个盒子,给上面的盒子添加一个100px的下外边距,给下面的盒子添加一个50px的上外边距,最终效果如图所示,两个盒子最后中间只隔了100px: 当下方元素的上外边距遇到上方元素的下外边距,是会发生重合效果的,设置的时候一定要注意。 块元素才可以设置上下左右外边距,内联元素设置上下外边距是无效的。
2023-07-20 00:30:151

html所有关于内边距外边距的标签属性

内边距:padding简写属性。作用是在一个声明中设置元素的所内边距属性。padding-bottom设置元素的下内边距。padding-left设置元素的左内边距。padding-right设置元素的右内边距。padding-top设置元素的上内边距。外边距:padding简写属性。作用是在一个声明中设置元素的所内边距属性。padding-bottom设置元素的下内边距。padding-left设置元素的左内边距。padding-right设置元素的右内边距。padding-top设置元素的上内边距。
2023-07-20 00:30:373

子元素设置了margin-top,父元素跟随下移问题

HTML CSS 1. 两个元素为同级元素 ,即当一个元素出现在另一个元素上面时,第一个元素的margin-bottom与第二个元素的margin-top发生合并,合并后的margin值是margin-bottom和margin-top中较大的那一个 2. 当两个元素嵌套 ,即一个元素包含在另一个元素中时(假设没有padding或border把两个元素的margin分隔开),它们的margin-bottom和/或margin-top也会发生合并,合并后的margin值同样也是margin-bottom和margin-top中较大的那一个; 该问题就属于这一种情况 。 3. 假设有一个空元素,且不设置它的宽高, 它有margin-bottom和margin-top,但是没有padding或border。在这种情况下,margin-bottom和margin-top就碰到了一起,它们也会发生合并,合并后的margin值同样也是margin-bottom和margin-top中较大的那一个。 如果这个外边距遇到另一个元素的外边距,它还会发生合并。
2023-07-20 00:31:181

CSS中margin和padding的区别

在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。 下面讲解 padding和margin常用的用法 一、padding 1、语法结构 (1)padding-left:10px; 左内边距 (2)padding-right:10px; 右内边距 (3)padding-top:10px; 上内边距 (4)padding-bottom:10px; 下内边距 (5)padding:10px; 四边统一内边距 (6)padding:10px 20px; 上下、左右内边距 (7)padding:10px 20px 30px; 上、左右、下内边距 (8)padding:10px 20px 30px 40px; 上、右、下、左内边距 2、可能取的值 (1)length 规定具体单位记的内边距长度 (2)% 基于父元素的宽度的内边距的长度 (3)auto 浏览器计算内边距 (4)inherit 规定应该从父元素继承内边距 3、浏览器兼容问题 (1)所有浏览器都支持padding属性 (2)任何版本IE都不支持属性值“inherit” 二、margin 1、语法结构 (1)margin-left:10px; 左外边距 (2)margin-right:10px; 右外边距 (3)margin-top:10px; 上外边距 (4)margin-bottom:10px; 下外边距 (5)margin:10px; 四边统一外边距 (6)margin:10px 20px; 上下、左右外边距 (7)margin:10px 20px 30px; 上、左右、下外边距 (8)margin:10px 20px 30px 40px; 上、右、下、左外边距 2、可能取的值 (1)length 规定具体单位记的外边距长度 (2)% 基于父元素的宽度的外边距的长度 (3)auto 浏览器计算外边距 (4)inherit 规定应该从父元素继承外边距 3、浏览器兼容问题 (1)所有浏览器都支持margin属性 (2)任何版本IE都不支持属性值“inherit”
2023-07-20 00:31:271

margin-bottom的语法

margin-bottom:[ | | auto ]{1,4}默认值: 0相关属性:[ margin ] || [ margin-top ] || [ margin-right ] || [ margin-left ]
2023-07-20 00:32:011

一段话包含数字标点中文匹配 P标签里的内容

Gvim这个编辑器强大,快捷,而且很小,够自由。但是,windows用习惯了的,用起Gvim来,难免刚刚开始不适应。相信用一段时间你就会喜欢上它了。
2023-07-20 00:32:291

margin-bottom的简介

margin-bottom
2023-07-20 00:32:361

css样式的属性。

一、字体属性  与字体有关的属性包括:font-family,font-style,font-variant,font-weight,font-size,font。执行顺序是:font-style,font-variant,font-weight,font-size 1、font-family:如果字体的名称中含有空格,那么要加上双引号。 2、font-style:normal|italic|oblique 3、font-variant:normal|small-caps 4、font-weight:normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900   normal相当于400,bold相当于700 5、font-size:absolute-size|relative-size|length|percentage absolute-size:xx-small|x-small|small|medium|large|x-large|xx-large relative-size:larger|smaller 6、font:font-style|font-variant|font-weight|font-size|line-height|font-family   font属性可以一次定义前边提到的所有的字体属性。 二、颜色和背景属性1、color:一般指前景色。 2、background-color:背景色。 3、background-image:   body{background-image:url(marble.jpg)} 4、background-repeat:repeat|repeat-x|repeat-y|no-repeat   body{background-image:url(marble.jpg);background-repeat:repeat-y} 5、background-attachment:scroll|fixed  设置文字在背景图案上面滚动,背景图案保持固定不动用fixed. 6、background-position:percentage|length{1,2}|top|center|bottom|left|center|right 7、background:background-color|background-image|background-repeat|background-attachment|background-position   可以一次设置前面的所有的有关背景的属性。如body{background:white url(bg.jpg)} 三、文本属性1、word-spacing:normal|length 2、letter-spacing:normal|length 3、text-decoration:none|underline|overline|line-through|blink 4、vertical-align:baseline|sub|super|top|text-top|middle|bottom|text-bottom|percentage   这个属性用来对齐图片效果特别好。如image{vertical-align:baseline} 5、text-transform:capitalize|uppercase|lowercase|none capitalize:每个单词的第一个字母大写。 uppercase:所有字都大写。 lowercase:所有字都小写。 6、text-align:left|right|center|justify 7、text-indent:length|percentage   适用于块级元素,定义文本首行的缩进方式。如p{text-indent:1cm} 8、line-height:normal|number|length|percentage 四、容器属性1、margin-top:length|percentage|auto   如body{margin-top:0} 2、margin-right:同上 3、margin-bottom:同上 4、margin-left:同上 5、margin:length|percentage|auto {1,4}   前四个属性都可以用margin来定义。如果给出的值少于四个,那么缺失的部分就取其对边的值。
2023-07-20 00:32:501

CSS中margin和padding的区别

如上图margin指的是外部边距,如上图:粉色区域。padding指的是内部边距。如上图:绿色区域
2023-07-20 00:33:122

关于css盒子边框、内边距、外边距

使用width来设置盒子内容区的宽度 使用height来设置盒子内容区的高度 width和height只是设置的盒子内容区的大小,而不是盒子的整个大小,盒子可见框的大小由内容区,内边距和边框共同决定为元素设置边框 要为一个元素设置边框必须指定三个样式 border-width:边框的宽度 border-color:边框颜色 border-style:边框的样式使用border-width可以分别指定四个边框的宽度 如果在border-width指定了四个值 则四个值会分别设置给上、右、下、左,按照顺时针的方向设置的 如果指定三个值 则三个值会分别设置给上、左右、下 如果指定两个值 则两个值会分别设置给上下、左右 如果指定一个值,则四边全都是该值 除了border-width,CSS中还提供了四个border-xxx-width xxx的值可能是top right bottom left 专门用来设置指定边的宽度* 设置边框的颜色 * 和宽度一样,color也提供四个方向的样式,可以分别指定颜色 例如:border-color: red; /*border-color: red yellow orange blue;*/ /*border-color: red yellow orange;*/ /*border-color: red yellow;*/ 格式和边框设置颜色相同.* 设置边框的样式 * 可选值: * none,默认值,没有边框 * solid 实线 * dotted 点状边框 * dashed 虚线 * double 双线 * * style也可以分别指定四个边的边框样式,规则和width一致,同时它也提供border-xxx-style四个样式,来分别设置四个边设置边框 大部分的浏览器中,边框的宽度和颜色都是有默认值,而边框的样式默认值都是none */ /* border-width: 10px; border-color: red; border-style: solid; */ /* border - 边框的简写样式,通过它可以同时设置四个边框的样式,宽度,颜色 - 而且没有任何的顺序要求 - border一指定就是同时指定四个边不能分别指定 border-top border-right border-bottom border-left 可以单独设置四个边的样式,规则和border一样,只不过它只对一个边生效 */ /*border: red solid 10px;*/ /*border-left: red solid 10px;*/内边距: 内边距(padding),指的是盒子的内容区与盒子边框之间的距离,一共有四个方向: padding-top padding-right padding-bottom padding-left 内边距会影响盒子的可见框的大小,元素的背景会延伸到内边距 盒子的大小由内容区、内边距和边框共同决定 盒子可见框的宽度 = border-left-width + padding-left + width + padding-right + border-right-width 盒子可见框的高度 = border-top-width + padding-top + height + padding-bottom + border-bottom-width */ /*设置上内边距*/ /*padding-top: 100px;*/ /*设置右内边距*/ /*padding-right: 100px; padding-bottom: 100px; padding-left: 100px;*/ /* 使用padding可以同时设置四个边框的样式,规则和border-width一致 */ /*padding: 100px;*/ /*padding: 100px 200px;*/ /*padding: 100px 200px 300px;*/外边距: 外边距指的是当前盒子与其他盒子之间的距离,他不会影响可见框的大小,而是会影响到盒子的位置 盒子有四个方向的外边距: margin-top margin-right margin-bottom margin-left 由于页面中的元素都是靠左靠上摆放的,所以注意当我们设置上和左外边距时,会导致盒子自身的位置发生改变,而如果是设置右和下外边距会改变其他盒子的位置 */ /*设置上外边距,即盒子的上边框与其他盒子的距离*/ /*margin-top: 100px;*/ /*左外边距*/ /*margin-left: 100px;*/ /*设置右和下外边距*/ /*margin-right: 100px; margin-bottom: 100px;*/ /* 外边距也可以指定为一个负值,如果外边距设置的是负值,则元素会向反方向移动 */ /*margin-left: -100px; margin-top: -100px; margin-bottom: -100px;*/ /*margin-bottom: -100px;*/ /* margin还可以设置为auto,auto一般只设置给水平方向的margin 如果只指定,左外边距或右外边距的margin为auto则会将外边距设置为最大值 垂直方向外边距如果设置为auto,则外边距默认就是0 如果将left和right同时设置为auto,则会将两侧的外边距设置为相同的值,就可以使元素自动在父元素中居中 所以我们经常将左右外边距设置为auto,以使子元素在父元素中水平居中 */ /*margin-left: auto; margin-right: auto;*/ /*margin-top: auto;*/ /* 外边距同样可以使用简写属性 margin,可以同时设置四个方向的外边距,规则和padding一样 */ /*margin: 10px 20px 30px 40px;*/ 为上边的元素设置一个下外边距:margin-bottom: 100px; 为下边的元素设置一个上外边距:margin-top: 100px;垂直外边距的重叠 在网页中相邻的垂直方向的外边距会发生外边距的重叠 所谓的外边距重叠指兄弟元素之间的相邻外边距会取最大值而不是取和 如果父子元素的垂直外边距相邻了,则子元素的外边距会设置给父元素.box3{ width: 200px; height: 100px; background-color: yellow; /*为box3设置一个上边框*/ /*border-top: 1px red solid;*/ /*padding-top: 1px;*/ padding-top: 100px; }.box4{ width: 100px; height: 100px; background-color: yellowgreen; /*为子元素设置一个上外边距,使子元素的位置下移*/ /*margin-top: 100px;*/浏览器为了在页面中没有样式时,也可以有一个比较好的显示效果,所以为很多的元素都设置了一些默认的margin和padding,而它的这些默认样式,正常情况下我们是不需要使用的。 所以我们往往在编写样式之前需要将浏览器中的默认的margin和padding统统的去掉 格式: *{ margin: 0; padding: 0; }
2023-07-20 00:33:481

HTML5开发-如何实现两个div的重叠

在很多情况下都需要实现两个div的重叠(包含层级关系),实现的方法也和div中属性设置的不同也是不一样的,尤其是 position 和 display 的变化. 但是总体上就是对margin( 盒模型 )和top( 定位 )等的运用。margin是属于盒模型中的一部分,修改了margin,就是修改了div元素的大小,但是修改了定位,只是修改了 自己本身的位置 ,不修改元素占用的大小,也不会干扰其他元素的位置。 1. 但是依靠margin来重叠有很大的 局限性 ,图片如下: 这是设置了 黄色div块的margin-top 才实现的,你也可以设置 蓝色div的margin-bottom。 如果你设置黄色div的margin-bottom就不能实现重叠的效果。 2. 当两个div的position为 relative 时,可以同时使用盒模型和定位来实现重叠。使用定位来选择位置时,优先级为top>bottom,left>right,优先级高的会屏蔽低的。 3. 当两个div的position为 absolute 时,那么父元素必须设置一个 定位 属性(不能为默认的static),这样子div才能相对于父div布局。
2023-07-20 00:33:551

如何用HTML在页面中加入空白行

用<p>标签了拉
2023-07-20 00:34:045

急急,html请问th和td都不能用margin啊?

margin-top,margin-left,margin-right,margin-bottom 是body中的属性th,td 是表格的元素 与之对应的是padding-top,padding-left,padding-right,padding-bottom,以及 vspace,hspace,cellspacing,cellPadding=0 等元素
2023-07-20 00:35:062

CSS中margin和padding的区别

margin是外边距,padding是内边距。
2023-07-20 00:36:154

html样式(边框)

1.所有的 HTML 元素本质上是小的矩形块,代表着某一小块区域。 有三个影响HTML元素布局的重要属性:padding(内边距)、margin(外边距)、border(边框)。 元素的 padding 控制元素内容 content和元素边框 border 之间的距离 在这儿,我们可以看到绿方块和红方块都位于黄方块之中,但是红方块比绿方块具有更大的 padding。 当你加大绿方块的 padding, 它将扩大元素内容和元素边框的距离。 <style> .injected-text { margin-bottom: -25px; text-align: center; } .box { border-style: solid; border-color: black; border-width: 5px; text-align: center; } .yellow-box { background-color: yellow; padding: 10px; } .red-box { background-color: red; padding: 20px; } .green-box { background-color: green; padding: 10px; } </style> <h5 class="injected-text">margin</h5> <div class="box yellow-box"> <h5 class="box red-box">padding</h5> <h5 class="box green-box">padding</h5> </div> 2.元素的外边距 margin 控制元素边框 border 和元素实际所占空间的距离 3.如果你将一个元素的 margin 设置为负值,元素将会变大。 4.有时你想要自定义元素,使它的每一个边具有不同的 padding。 CSS 允许你使用 padding-top、padding-right、padding-bottom 和 padding-left来控制元素上右下左四个方向的 padding <style> .green-box { background-color: green; padding-top: 40px; padding-right: 20px; padding-bottom: 20px; padding-left: 40px; } </style> <div class="box yellow-box"> <h5 class="box red-box">padding</h5> <h5 class="box green-box">padding</h5> </div> 5.有时你想要自定义元素,使它的每一个边具有不同的 margin。 CSS 允许你使用 margin-top、margin-right、margin-bottom 和 margin-left 来控制元素上右下左四个方向的 margin。 <style> .green-box { background-color: green; margin-top: 40px; margin-left: 40px; margin-right: 20px; margin-bottom: 20px; } </style> <div class="box yellow-box"> <h5 class="box red-box">padding</h5> <h5 class="box green-box">padding</h5> </div> 6.除了分别指定元素的 padding-top、padding-right、padding-bottom 和 padding-left 属性外,你还可以集中起来指定它们,举例如下: padding: 10px 20px 10px 20px; 这四个值以顺时针方式排列:顶部、右侧、底部、左侧,简称:上右下左 <style> .red-box { background-color: red; padding: 20px 40px 20px 40px; } </style> 7.除了分别指定元素的 margin-top、margin-right、margin-bottom 和 margin-left 属性外,你还可以集中起来指定它们,举例如下: margin: 10px 20px 10px 20px; 这四个值以顺时针方式排列:顶部、右侧、底部、左侧,简称:上右下左 <style> .red-box { background-color: red; margin: 20px 40px 20px 40px; } </style>
2023-07-20 00:37:111

求助css相关问题text-align与margin:auto 0 的区别

text-align:指文本的水平对齐方式;margin:auto 0 指整个div层居中对齐。
2023-07-20 00:37:273

子元素用margin-top 为什么反而作用在父元素上?对使用margin-top 的元素本身不起作用?

LS看起来好专业 没看懂 = = 作为菜鸟 我只想说 如果换成非IE内核 比方说FF 比方说chrome 再来看你编辑的HTML 或者就正常了。。。
2023-07-20 00:38:133

CSS中DIV块的margin外边距与overflow:hidden的关系问题,求高手赐教。

你能把你出现的代码贴出来吗,不知道父元素定义了哪些样式。一般情况下父元素over:hidden不会影响到没有浮动的子元素,没有浮动的子元素会发生外边距合并的效果。如果子元素浮动了over:hidden起到浮动闭合的作用。你可以用多个浏览器看看他的效果是怎样的。
2023-07-20 00:38:214

css样式表中,这段代码什么意思?

总的来说:这是CSS3.0的对于文章段P容器的定义方法语句!display:block这个样式,只定义了P容器为一个块;后面四句是CSS3中的样式定义方法;-webkit-margin-before: 1em;-webkit-margin-after: 1em;分别定义p的上边距和下边距的数值是1倍字体高度,如10px像素的字,那么边距就为10px; -webkit-margin-start: 0px;-webkit-margin-end: 0px; 上面二句则定义为左右边距都为0PX,这个应该好理解;所以以上p {display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}相当于CSS2.0中的p { display: block; margin-top: 1em; margin-bottom: 1em; margin-right: 0px; margin-left: 0px;}但由于CSS3.0要求浏览器版本较高,所以国内并没有流行CSS3.0样式,依然以CSS2.0为主流,但以后应该是CSS3.0的天下,因为它代表着先进性。下面是讲下它的由来:其实这就是W3C样的CSS3的一个定义P容器内容的样式:“-webkit-margin-before”、“-webkit-margin-after”,“-webkit-margin-start”,“-webkit-margin-end” 这个是CSS3阶段提出的一个属性,现在甚至连草案都没进,目前只有webkit支持。before、after、start、end是用在对文本的。比如说,中文和英文是从左到右,从上到下阅读的,那么,before = top, start = left,end = right,after = bottom。这叫做“writing-mode”,简单来说就是书写方式。但是,日文的书写方式就不一样了,他们是从上至下,从右到左书写的。那么在这种write-mode下,before = right, start = top,end = bottom,after = left。margin-before的用意就是,不论是哪种writing-mode,我们都可以设定“开始那边的边距”这样的内容,而不需要为了适应不同的writing-mode写几种margin。关于writing-mode,w3c有详细的介绍,看完就懂了。webkit指的是一种HTML排版引擎,作用就是把根据HTML和CSS的代码显示出页面。最初是Apple公司的一个开源项目,他们自家的浏览器Safari有用。之后Google也使用这个排版引擎加上自己的V8 Javascript引擎建立了一个开源的浏览器项目Chromium,并且利用这个项目只做了自家的浏览器Chrome。同时这两家在移动平台上的浏览器也是用Webkit内核的。因此,随着iOS和安卓移动终端的普及,用Webkit的浏览器也越来越多。而得益于Chromium引擎,在PC平台上也有很多Webkit浏览器,比如360呀,世界之窗呀,枫树浏览器呀,太阳花浏览器呀,搜狗浏览器呀,遨游3呀,猎豹浏览器呀。基本上说自己是双核,有什么极速模式的,都是用的Chromium。相对应的,微软的IE浏览器用的是Trident排版引擎,也就是常说的IE核心,火狐浏览器也有自己的Gecko排版引擎。而Apple的iBooks同样也用了webkit作为排版引擎,所以iBooks和webkit内核的浏览器有很多相似之处。而Sigil这个编辑软件,用的则是Chromium,因此也是webkit内核的。看看Sigil的预览模式就知道它肯定是用的Chromium了。在CSS属性能中,我们常常能看到-webkit-,-moz-之类的前缀,这种就叫做浏览器私有前缀,是浏览器对于新CSS属性的一个提前支持。-webkit-是webkit内核的,-moz-是Firefox Gecko内核,moz代表的是Firefox的开发商Mozilla。为什么要有私有前缀呢?因为制定HTML和CSS标准的组织W3C动作是很慢的。通常,有w3c组织成员提出一个新属性,比如说圆角border-radius,大家都觉得好,但是w3c不会为这个属性制定标准,而是要走很复杂的程序,经过很多审查。而浏览器商不愿意等那么久,他们觉得一个属性已经够成熟了,就会在浏览器中加入支持。但是避免日后w3c公布标准时有所变更,就会加入一个私有前缀,比如-webkit-border-radius,通过这种方式来提前支持新属性,等到日后w3c公布了标准,border-radius的标准写法确立之后,再让新版的浏览器支持border-radius这种写法。比方说,Chrome 10是不认border-radius这种写法的,只能用webkit-border-radius,而Chrome12就能认了。于是在写CSS的时候,这样写就能确保Chrome10和Chrome12浏览网页的时候都能够正确显示。
2023-07-20 00:38:481

css 标签切换问题

你的 JS 程序是没有问题的问题在这里-------------------------<DIV id=NewsTop_cnt><SPAN title="Don"t delete me"></SPAN><SPAN><A href="#" target=_self>新疆阜康铁路桥梁坍塌多节运煤车厢侧翻坠河</A><BR></SPAN>1.<SPAN> 2.</div>3.</SPAN></DIV> --------------------------你看 1.2.3 那是不是有问题还有一点 国内 国际 社会 网评 四个栏目应该有四个对应 内容 SPAN当 鼠标移到 社会 栏目是会出错因为 changeNav(this.value) 这里 this.value=3 (应该知道为什么=3 啥)TagsCnt=document.getElementById("NewsTop_cnt").getElementsByTagName("span")TagsCnt 只有 2 项内容所以 函数 changeNav(v) 里是这句 会出错TagsCnt[flag]所以要加 两个 SPAN------------------<DIV id=NewsTop_cnt><SPAN title="Don"t delete me"></SPAN><SPAN><A href="#" target=_self>新疆阜康铁路桥梁坍塌多节运煤车厢侧翻坠河</A><BR></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN></div>-----------------------我试了 是这个 问题希望楼主 去试试
2023-07-20 00:38:552

css如何设置div子容器之间的间距

给个class属性,再来个margin-bottom:20px;即可。
2023-07-20 00:39:056

min-height:2em什么意思 ,margin:0 0 40px 0 能表示居中吗?

min-height:2em :最小高度为2em margin:0 0 40 0 指距下40个像素.不是表示居中
2023-07-20 00:40:033

margin-right:5px

margin-right:右边距margin-left:左边距
2023-07-20 00:40:122

TPX19-4906是什么颜色

潘通色卡19-3810是纺织家居色卡里的一个色号,后缀有TPX(纸版)和TCX(棉布版)两种,英语颜色的单词是:Eclipse,具体的颜色有为您从电子版色卡中截图,这个显示的颜色与实物色卡略有差异,故截图不能作为颜色判定的标准,
2023-07-20 00:38:411

玩也能玩出名堂的三个例子

玩也能玩出名堂的名人例子有哪些?1、玩也能玩出名堂名人例子有罗斯柴尔德夫人、贝托文等。罗斯柴尔德夫人:罗斯柴尔德夫人是独木舟界的传奇人物之一。她一生有超过百次的划船旅程,多次成功地划过英吉利海峡和北海等海域。2、达尔文是英国博物学家生物学家,小时候最喜欢收集矿物贝壳和各种昆虫经常到野外采集动物标本并对自然历史有浓厚的兴趣后来创立了进化论一本书惊动了全世界为,下一代人打下了基础。3、名人虎克发明显微镜、瓦特发明蒸汽机、达尔文的《物种起源》、莱特兄弟的飞机。虎克名人虎克在家没事磨玻璃玩,一不小心发明了显微镜。幼年没有受过正规教育。1648年到阿姆斯特丹一家布店当学徒。20岁时回代尔夫特自营绸布。4、下面有几个例子贝尔也是这样一个玩出名堂的人。他的助手托马斯在另一个房间,摆弄着被夹住了的芦苇。而贝尔竟然在另一个人房间听到了弦音。他记下了这次事件,并开始以此为契机开始不停地试验。还有别的玩也能玩出名堂的例子吗?待回复!瓦特发明蒸气机,是因为灶上的一壶开水在沸腾时壶盖啪啪作响,不停的往上跳,而得到的启发,因为他们在玩中发现问题,然后不断的解决问题,才玩出了名堂。列文虎克玩镜片玩出了显微镜列文虎克是荷兰人。荷兰人列文虎克喜欢玩镜片,利用看守大门工作的清闲磨镜片,做成放大镜,在玩放大镜时,突发奇想,把两片放大镜放一起有了惊人的发现,随后做成一架简单的显微镜,进而发现了一个全新的微生物世界。玩也能玩出名堂名人例子有罗斯柴尔德夫人、贝托文等。罗斯柴尔德夫人:罗斯柴尔德夫人是独木舟界的传奇人物之一。她一生有超过百次的划船旅程,多次成功地划过英吉利海峡和北海等海域。玩也能玩出名堂的名人例子比如雷文虎克。1632年列文虎克发现并创造了显微镜。当时,他的工作也十分的空闲,于是,他经常在他工作没有事的时候磨镜片,他常常边看大门边磨,做成了放大镜。名人虎克在家没事磨玻璃玩,一不小心发明了显微镜。瓦特观察开水在沸腾。发明了蒸汽机。达尔文小时候最喜欢搜集矿物、贝壳和各种昆虫,经常到野外采集动植物标本并对自然历史有着浓厚的兴趣。玩也能玩出名堂作文“玩”也能玩出名堂作文1做任何事情要善于思考,就算是玩也可以玩出名堂。纵观几百年来科学家的发明历史,很多科学的发明都是在玩中发现问题,提出问题追根求源,最终创造发明。以“玩出了名堂”为题,写一篇作文玩出了名堂玩出了名堂在姥姥家时,我发现有一块灰白色长方形的小石头在姥姥家后院里。姥姥说那是“画石”,可以在地板上画画。我听了以后,马上跑到后院的石头地上画画。玩也能玩出名堂作文450字篇1玩”,是一个很常听到的字,大人小孩都爱玩,而玩的意义也有所不同,有的人只是普通的玩耍,玩完之后一点收获都没有;而有些人却能玩出名堂。玩也要好好玩,玩出名堂来,学要用心学,学出名堂。玩出了名堂作文1000字玩出了名堂我想大家都会玩吧!你们都有玩出什么名堂吗?来说说我玩过的名堂吧!过年的时侯,我最喜欢玩鞭炮,直到正月初十还在玩鞭炮。
2023-07-20 00:38:411

最终幻想7没有ini文件

您要问的是最终幻想7没有ini文件是什么原因?具体原因如下。1、游戏使用别的格式的配置文件:不是所有游戏都使用INI文件作为配置文件的格式。2、配置文件位于别的位置:有些游戏将配置文件保存在非标准的位置,而不是通常的游戏安装目录中。
2023-07-20 00:38:421

yeahnoway是什么歌

yeahnoway是什么歌?答案如下:yeahnoway的歌曲名称是《ghostface》
2023-07-20 00:38:433

玩也能玩出名堂 具体事例

玩也能玩出名堂的具体事例有:1、瓦特发明蒸气机。因为灶上的一壶开水在沸腾时壶盖啪啪作响,不停的往上跳,才让瓦特得到启发,发明出蒸汽机。2、列文虎克玩镜片玩出了显微镜。3、美国莱特兄弟发明飞机。美国的莱特兄弟从小就喜欢画图和搞设计,还自己动手做过一些玩具。有一年,爸爸送给兄弟俩一个能在空中飞的玩具作为圣诞礼物。两兄弟看见可以飞的玩具兴奋极了,他们想,如果人也能飞上天那就好了。从此,这个梦想就在他们心里扎根了。后来他们一边干活一边研究,一有空闲,他们就观察鸟儿飞翔的样子。他们结合前人的研究,做出了自己的第一架滑翔机。虽然试飞失败,但兄弟二人知道总结失败的教训,不断对螺旋桨、发动机进行改进,最终解决了飞行动力的难题。4、汉斯·利伯玩镜片发明望远镜。有一次,两个小孩在汉斯·利伯的商店门前玩弄几片透镜,他们通过前后两块透镜看远处教堂上的风标,两人兴高采烈。汉斯·利伯拿起两片透镜一看,远处的风标放大了许多。他跑回商店,把两块透镜装在一个圆筒里,经过多次试验,终于发明了望远镜。意大利科学家伽利略得知这个消息之后,制作出了能放大30倍的望远镜。
2023-07-20 00:38:481

潘通13-2802TCX对应TPX色系哪个颜色

13-2802TCX 对应 13-2802TPXTCX是棉布的材质,TPX是纸张的材质,同样的颜色印染在不同的材质上,导致会有一定色差,如果你客户对色彩要求不会很严格,可以使用TPX代替TCX。
2023-07-20 00:38:501

skin、 skII有什么区别?

SKIN是是韩国韩佛公司旗下生产的一款化妆品品牌;SKII是创立于日本的护肤品牌。skin化妆品全名itsskin,也称为伊思化妆品。skin化妆品在韩国是一款平价化妆品品牌,于2008年进入中国市场,主打“对身体有益的食物对肌肤也同样有益”的美食护肤主义,如蜂蜜活颜、黑糖光彩、青苹果紧致、水蜜桃丝柔系列等。SKII是创立于日本的护肤品牌,是日本皮肤专家将尖端科技应用于护肤品研发的完美结晶。是东亚和东南亚地区比较受欢迎的护肤品牌。算是全世界比较知名的护肤品牌,主打SK-II神仙水,SK-II小灯泡,SK-II青春敷。伊思蜗牛面霜和sk2大红瓶对比:伊思面霜比较平价,质地比大红瓶稍微厚重一点点,但是比大红瓶好推开,60ml也能用挺久的,没什么特别的效果,就是基础保湿。韩系化妆品的消费群体一般是中端以及中高端。使用方法:为了唤醒精华并释放其中的天然成分,取适量于掌心或指尖温热数秒,然后均匀轻按于脸、颈部,片刻后便可感受面霜滋养和深层保湿效果,每天早晚各使用一次。sk2大红瓶质地细腻,但是没有伊思好推开,乳白色质地,不厚重、不油腻、吸收很快,一抹就吸收了。用在护肤最后一步,每次用完水乳之后,取适量在手心先用手掌心捂热一下,再把面霜点到脸上,轻轻抹开后再用手掌心轻轻在脸上按摩一下帮助吸收。早上起来也不会像以前油油的,反而皮肤摸起来软软的,有光泽。
2023-07-20 00:38:501

nonoway什么歌

how u doin"原唱TWICEHow u doin" - TWICE (ud2b8uc640uc774uc2a4)词:Chae Young/Risa Horie曲:Chae Young/FRANTS君を忘れるなんて 正直ムリね解けそうにない宿题してるみたいで时间の无駄づかい君が好き とても好き今となっては言えないなもう会わない 颜も见ない思わず口にしちゃってた谁だって そんな目で嗫かれたらOk 秒で动けなくなる まるでdollBoy boy boy boy波立つこの心 我慢の限界よ1 2 3Oh boy 望んでた言叶 闻けてGood bye 最高にハッピーだよね?Say noNo way no wayNo way no wayHow u doin" how u doin"I"m fine I"m fineDon"t tell don"t tellDon"t tell don"t tellHow u doin" how u doin"I"m fine I"m fineHow u doin" I"m fine迷惑なアラームボリュームmaxで静かな夜に鸣り响く大丈夫涙拭いて ya ya君がくれた物 全部もう要らない
2023-07-20 00:38:502

HS CODE是什么意思

就相当于一个货物的条形码,HS CODE就是海关编码(商品编码),主要是用于报关(报关单有项是需要填的),商品归类一定要归准确了,不然遇到查验就很麻烦了!HS CODE直接关系到了进出口的监管、征税以及出口退税。!
2023-07-20 00:38:532

info是什么意思

info不同方面有不同意思:1、英音:["infu0259u]美音:["u026anfo],是information的缩写。2、是information的缩写,通知,报告或者消息,报导的意思。3、在域名方面。INFO指“信息代表未来”,.info作为信息时代最明确标志, 所以一些网络公司会以此类域名进行注册。4、代表信息的.INFO作为提供信息服务的首先标志。INFO向世界表明信息代表未来,拥有INFO将成为信息的真正参与者和拥有者。
2023-07-20 00:39:021

玩也能玩出名堂的名人例子有哪些?_百度问一问

1、达尔文是英国博物学家生物学家,小时候最喜欢收集矿物贝壳和各种昆虫经常到野外采集动物标本并对自然历史有浓厚的兴趣后来创立了进化论一本书惊动了全世界为,下一代人打下了基础。2、荷兰人列文虎克喜欢玩镜片,利用看守大门工作的清闲磨镜片,做成放大镜,在玩放大镜时,突发奇想,把两片放大镜放一起有了惊人的发现,随后做成一架简单的显微镜,进而发现了一个全新的微生物世界。3、名人虎克发明显微镜、瓦特发明蒸汽机、达尔文的《物种起源》、莱特兄弟的飞机。虎克名人虎克在家没事磨玻璃玩,一不小心发明了显微镜。幼年没有受过正规教育。1648年到阿姆斯特丹一家布店当学徒。20岁时回代尔夫特自营绸布。4、名人虎克在家没事磨玻璃玩,一不小心发明了显微镜。瓦特观察开水在沸腾。发明了蒸汽机。达尔文小时候最喜欢搜集矿物、贝壳和各种昆虫,经常到野外采集动植物标本并对自然历史有着浓厚的兴趣。5、下面有几个例子贝尔也是这样一个玩出名堂的人。他的助手托马斯在另一个房间,摆弄着被夹住了的芦苇。而贝尔竟然在另一个人房间听到了弦音。他记下了这次事件,并开始以此为契机开始不停地试验。6、玩也能玩出名堂名人例子有罗斯柴尔德夫人、贝托文等。罗斯柴尔德夫人:罗斯柴尔德夫人是独木舟界的传奇人物之一。她一生有超过百次的划船旅程,多次成功地划过英吉利海峡和北海等海域。
2023-07-20 00:39:021

put your hands on your head lift your

把手举起,昂首挺胸,相信自己.
2023-07-20 00:39:061

玩也能玩出名堂的例子

百度知道玩也能玩出名堂的例子玩也能玩出名堂的例子古今中外玩出了名堂的故事我来答有奖励chimmyayaLV.2聊聊关注成为第254位粉丝1、达尔文从小就喜欢昆虫,经常在田野里逮小动物玩,逮小虫子。并经常在路上爬着,观察小动物的习性。由于对动物的热爱和研究,他创立了进化论,出版的《物种起源》一书震动了当时学术界。书中用大量资料证明了形形色色的生物并不是上帝创造的。成为人类文化史上留有盛名的进化论奠基人。2、贝尔与电话有一天,贝尔的助手托马斯.沃森摆弄夹住了的芦苇,而贝尔却从导线上听到了邻室传来的拨动的弦音。他记下了事实,从而导致进一步试验。试验过程中,贝尔遇到不少困难。1876年3月10日,贝尔通过送话机喊道:“沃森先生,请过来!我有事找你!”在实验室里的沃森助手听到召唤,像发疯一样,跃出实验室,奔向贝尔喊话的寝室去。他一路大叫着:“我听到了贝尔在叫我!我听到了贝尔在叫我!”……这样,人类有了最初的电话,揭开了一页崭新的交往史。1877年,第一份用电话发出的新闻电讯稿被发送到波士顿《世界报》,标志着电话为公众所采用。1878年,贝尔电话公司正式成立。3、荷兰的列文虎克喜欢玩镜片。列文虎克的工作是看守大门,并定时到钟楼去敲钟。这份工作相当清闲,他待着没事,就一边看门,一边磨起了镜片。他把厚玻璃的四周磨薄,做成放大镜,用来看细微的东西,或者阅读字很小的书籍。有一次,列文虎克又在玩放大镜。他突然想到:把两片放大镜放在一起,会怎么样呢?他一试,啊,不得了,蚊子的腿看上去像兔子的腿。他越玩越来劲,就把一片放大镜固定,让另一片放大镜可以随意调节,这样就做成了一架简单的显微镜。他用显微镜观察水,看见水里有许多小生命挤来挤去;观察牙齿,看见里面有一种从来没有见过的小东西。他发现,除了我们平时看到的世界,还有另一个平时看不到的世界。那是一个“小人国”。“小人国”里的“居民”,比地球上的居民要多得多。列文虎克玩放大镜,玩出了大名堂。他最早发现了微生物,发现了一个全新的世界。英国皇家学会知道了他的发现,聘请他为皇家学会会员。连英国女王和俄国沙皇也千里迢迢前去拜访他,欣赏他的“玩具”,并从“玩具”里观看新世界里的“居民”。
2023-07-20 00:39:091

info中文是什么意思

info 英[u02c8u026anfu0259u028a] 美[u02c8u026anfou028a] n. 信息; [例句]I hope I provided the info that you asked for.我希望我所提供的信息,您提出的要求。
2023-07-20 00:39:101

将反义疑问句补充完整He was unhappy,____ _____?

was he 双重否定表肯定
2023-07-20 00:38:3810

putyourheaddown的汉语意思是“把头后仰”吗

您好翻译为低下头希望帮助你
2023-07-20 00:38:362

hs code是什么意思?

hs code指的是货物出口时的商品编码,在对外贸易过程出口报关环节中,海关针对各项货物出口都有划清特定的HS编码!
2023-07-20 00:38:352

No way Not possible No chance Not at all有什么区别吗?

你好!表示不可能的有Noway(比较口语)Impossible,书面口语都行,notachance 比较口语 Notatall.有别客气的意思 也有没关系的意思 还有就是有一点也不;完全不的意思如有疑问,请追问。
2023-07-20 00:38:352

VB怎么修改INI文件内容

因为一个角与它的补角度数和为180
2023-07-20 00:38:342

客人发来几个TCX的色卡号,但是我手上只有TPX的色卡。求大神指教如何转换成对应的TPX颜色。

如果你客户对颜色要求不是很严格的话可以使用TPX代替TCX举例 19-1254TPX 对应 19-1254TCXTPX与TCX的颜色是一样的。只是TPX的色卡的材质是纸张的,TCX的色卡材质是棉布的。同样的一个颜色印染在不同的材质上还是会有一定的色差!如果你客户对颜色要求比较严格,建议使用TCX会好点、
2023-07-20 00:38:321

No money noway是什么意思

亲,应该是:No money no way,没有钱没有办法
2023-07-20 00:38:271

如何读取ini文件的值并以数组的方式赋值给edit

procedure TForm1.BitBtn1Click(Sender: TObject);var inifile: Tinifile; filename:string; sldate: TStringList; s:string; i:Integer;begin filename := "C:studyDelphiini1.ini"; iniFile := TIniFile.Create(filename); slDate := TStringList.Create; iniFile.ReadSectionValues("main",slDate); try for i:= 0 to slDate.Count-1 do begin if FormatDateTime("hh:nn",now) <> slDate.ValueFromIndex[i] then begin memo1.Lines.Add(slDate[i]); memo1.Lines.Add(FormatDateTime("hh:nn",now)); memo1.Lines.Add(slDate.ValueFromIndex[i]); end; end; //memo1.Lines.Assign(slDate); finally slDate.Free; iniFile.Free; end; end;一个demo你参考一下
2023-07-20 00:38:261

Singing Me Home 歌词

歌曲名:Singing Me Home歌手:Lady Antebellum专辑:Own The NightSinging Me HomeLady AntebellumWritten:Charles Kelley/Dave HaywoodRivers RutherfordMy baby"s riding shotgunSingin just a little off keyHer feet on the dashboardTapping out the back beatThe song on the radio"sIs talking about the love we makeI know just what she"s thinkingAnd I can"t waitOh my sweet loveKeep singing me home(Keep singing, love, keep singing)Oh my sweet loveKeep singing me home(Keep singing, love, keep singing)Her tanline"s showingOut the waist of her cutoff jeansHer damp hair blowing out the windowIn the summer breezeGot the sunshineShining through the windshieldGot a hand on her legThe other on the wheelOh my sweet loveKeep singing me home(Keep singing, love, keep singing)Oh my sweet loveKeep singing me home(Keep singing, love, keep singing)Oh and when we get togetherThe love we make togetherIt blows my mindEvery time we touchOh I can"t get enoughSo slide on in a little closerAnd lay your head here on my shoulderOh my sweet loveKeep singing me home(Keep singing, love, keep singing)Oh my sweet loveKeep singing me home(Keep singing, love, keep singing)Oh my sweet loveKeep singing me homeOh my sweet loveKeep singing me home(Keep singing, love, keep singing)Sunshine shining through the windshieldGot a hand on her legThe other on the wheelLove Love Lov eLove LoveSing me homeWhy don"t you sing me homehttp://music.baidu.com/song/13731673
2023-07-20 00:38:261

知道RGB或者CMYK的值,怎么得到TPX色号?怎么转?

如果你用adobe ai的话,把颜色框点出来,如图,里面有选择点灰度,会出现一个框框,然后点窗口-色板库-色标薄里面选择你要的pantong色种类,选择pantone色,然后如上图转换就好。
2023-07-20 00:38:242

skin是什么牌子化妆品

品牌SKIN Food是韩国一种化妆品。SKINFOOD韩国平价化妆品品牌,于2008年进入中国市场,主打“对身体有益的食物对肌肤也同样有益”的美食护肤主义,产品理念都来源于各种食材,“可以吃的化妆品”广告语曾吸引不少年轻人目光,如蜂蜜活颜、黑糖光彩、青苹果紧致、水蜜桃丝柔系列等。扩展资料SKIN Food假货印刷模糊纸很粗糙,甚至有些是反光的。瓶子背后:可以更加清楚地看到纸张的质地,并且印有环保标志;假货有些是没有环保标志的 而且印刷模糊。瓶盖:真货打开后盖子内部边缘都是做工很好的锯齿状,瓶口密封;需要比较用力才能打开瓶口,密闭性好;可以闻到淡淡的清香乳液是乳白色质地清爽;假货密封性差瓶口密封的小盖子易断裂,打开后是化学的香料味道,乳液过于粘稠偏黄或过白。参考资料来源:百度百科-Skin Food
2023-07-20 00:38:211

有一首英语歌,其中其中有一句歌词是you shoot me down ,节奏很慢,十分放松,这是什

我看一下啊,可能有
2023-07-20 00:38:206

Look In My Eyes Pretty Woman 歌词

歌曲名:Look In My Eyes Pretty Woman歌手:Tony Orlando & Dawn专辑:Platinum & Gold CollectionTony OrlandoLook in my eyes pretty womanby stanleyTime is on my sideThough the world keeps gettin" colder"Cause I"ve got you girl to ease my troubled mindOoh oohI"m a different manWhen your head is on my shoulderI can find the answers in meThat I never thought I"d findCause when you look in my eyes pretty womanThe world is a peaceful placeAll I can see when there"s you and just meIs love upon your faceStand by me babyAnd we"ll find a wayBefore our day is doneLook in my eyes pretty womanAnd we"ll overcomeLove, my guiding star,You"re my faith, my hope, my powerWhen I just can"t find a reason to believeOoh OohTouch my hand with loveAnd you light my darkest hourI can feel the warmth returningAnd the pain about to leaveCause when you look in my eyes pretty womanThe world is a peaceful placeAll I can see when there"s you and just meIs love upon your faceStand by me babyAnd we"ll find a wayBefore our day is doneLook in my eyes pretty womanAnd we"ll overcomeCause when you look in my eyes pretty womanThe world is a peaceful placeAll I can see when there"s you and just meIs love upon your faceStand by me babyAnd we"ll find a wayBefore our day is doneLook in my eyes pretty womanAnd we"ll overcomehttp://music.baidu.com/song/8015299
2023-07-20 00:38:191