b标签设置margin值没用_关于内层DIV设置margin-top不起作用的解决方案

常常可以碰到这样一个问题，就是外层DIV设置了高与宽，内层DIV如果设置maring-top不起作用(FIREFOX和IE8中测试)，原因大致是内层div没有获得布局。如下面的代码：

.aDiv {background:red; width:300px; height:300px; }

.bDiv {background:green; position:relative; width:100px; height:20px; margin-top:10px;}

.cDiv {background:black; position:relative; width:100px; height:20px;}

测试发现，bDiv的margin-top不起作用，仍是0px的显示效果。如果在firefox中用firebug查看，可以看到margin-top是有值的，为10px;解决问题如下：

1、把margin-top改成padding-top,不过,前提是内层的Div没有设置边框

2、给外层的Div加padding-top

3、给外层DIV加：

A、float: left或right

B、position: absolute

C、display: inline-block或table-cell或其他 table 类型

D、overflow: hidden或auto

b标签设置margin值没用_关于内层DIV设置margin-top不起作用的解决方案相关推荐

代码设置margintop_关于内层DIV设置margin-top不起作用的解决方案
就是外层 DIV 设置了高与宽, 内层 DIV 如果设置 maring-top 不起作用 ( FIREFOX 和 IE8 中测试),原因大致是内层 div 没有获得 layout .如下面的代码: . ...
关于内层DIV设置margin-top不起作用的解决方案
关于内层DIV设置margin-top不起作用的解决方案参考文章: (1)关于内层DIV设置margin-top不起作用的解决方案 (2)https://www.cnblogs.com/huangy ...
html5下拉列表默认值,element-ui中的select下拉列表设置默认值方法_简单_前端开发者...
element-ui中的select下拉列表如何设置默认值? 在element-ui的运用中,涉及到了select下拉列表.项目中需要将select的默认值给展示出来那如何修改呢? 上element ...
html下拉框设置默认值_html 里select 下拉列表中设置默认值怎么写
用户提问 1 2 3 4 5 6 7 8 9 推荐答案设置下拉列表框的默认值:使用关键字selected < select na ...
安卓代码怎么设置省电模式_红米手机怎么设置省电模式?
红米Note手机虽然配备了大容量电池,但是鉴于其屏幕也特别大,所以耗电量也是不可小觑的,基本上是一天充一次电,有时不够一天使用,在此向大家介绍红米省电模式的相关设置. 方法/步骤 1.开机,打开主页, ...
两端分散对齐怎么设置_excel两端对齐_分散对齐怎么设置
excel两端对齐_分散对齐怎么设置--在Excel中对包含文本的单元格设置文本对齐方式时,无论是"水平对齐"还是"垂直对齐"都有多种对齐方式可供选择. 其中& ...
html下拉框怎么设置默认值,html下拉框怎么设置默认值-excel默认值,excel下拉框怎么设置默认值...
步骤如下: 1.打开需要编辑的Excel工作表,如图所示.已知:科学技术分为"农业/林业,工业百技术,医学/医药/卫生,自然科学"这4个部分.现在度需要将这4部分归类到一个下拉列表 ...
vb 设置打印机任意尺寸_打印照片怎么设置尺寸
本文力图以最易实现的方式给大家介绍打印照片如何设置尺寸. 方法/步骤一.右键点击照片,选择打印,进入Windows打印图片.操作如下: ①选择打印机: ②选择打印纸张幅面: ③选择打印质量: ④选择 ...
如何重新设置苹果id密码_工信部提醒及时设置SIM卡密码，不同手机如何设置SIM卡密码？...
展开全部 SIM卡密码指的就是PIN码.就是SIM卡的密码,用来保SIM卡的安全.就好比手机32313133353236313431303231363533e58685e5aeb93133343365 ...

b标签设置margin值没用_关于内层DIV设置margin-top不起作用的解决方案

b标签设置margin值没用_关于内层DIV设置margin-top不起作用的解决方案相关推荐

最新文章

热门文章