margin-top失效 - 相关文章

定位absolute使内联支持宽高（块属性变为内联，内容默认撑开）margin auto 失效

relative 没脱离文档流 absdute 完全脱离文档流 margin :auto 失效相对整个文档偏离相对父级定位 fixed 脱离文档流与绝对定位特性一致 3.P标快不能包块级标签 4.相对fixed定位 5.z-index 默认按顺序从低到高 z-index 的值 :1-无名大(99)…

ListView中item的最外层使用margin属性失效

参考文章:http://stackoverflow.com/questions/16278159/why-linearlayouts-margin-is-being-ignored-if-used-as-listview-row-view 1.在开发中发现这么一种现象: List中的Item是LinearLayout,这个Item的最外层,设置了margin属性.全部失效. 2.查资料发现: List中的Item的LayoutParam是直接继承自ViewPager中的LayoutParam.…

position relative top失效的问题,温习下常用两种的居中方式

因为body和html,默认高度是auto 所以相对于他们作为父元素设置position:relative的top值需要加上body,html{height:100%;} <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> </head> <style type="text/css"> *{margin…

margin top 无效

常出现两种情况: (一)margin-top失效两个层box1和box2,box1具有浮动属性,box2没有,这时候设置box2的上边距margin-top没有效果. 解决办法: 1.box2增加float属性 2.box1与box2之间增加一层"<divstyle="clear:both;"></div>" (二)子元素设置margin-top作用于父容器当给box2设置margin-top时,在FF下仅作用于父容器. 解决办法: 1.…

左右margin top问题百分比值

不想说今天心情有多差! 9点多開始发现一个"bug",需求是依据屏幕高度动态调整某个div的位置.代码大概是这种. <div style="margin-top: 25%; margin-left:25%; width:50px; height:50p; background-color: yellow;"> </div> 演示: 然后就发现."当窗体宽度变化的时候,margin-top变了,变了!了.!!" ,调了一个晚…

Margin and Padding in Windows Forms Controls

https://msdn.microsoft.com/en-us/library/ms229627.aspx Margin and Padding Precise placement of controls on your form is a high priority for many applications. The System.Windows.Forms namespace gives you many layout features to accomplish this. Two o…

css笔记 - 张鑫旭css课程笔记之 margin 篇

margin - 人若犯我,我必犯人! [margin地址](https://www.imooc.com/learn/680) 一.margin与容器尺寸的关系 relative可定位,但是不改变容器尺寸和占据的空间margin不同,margin也在盒模型中.从border开始往里边,是可视尺寸clientWidth部分.加上margin,是占据尺寸outerWidthmargin可以改变元素尺寸,正值宽度变小,负值宽度变大.margin也可以定位二.margin的百分比单位 margin:…

理解css margin

前提是对display:block元素 1 margin对没有width属性的元素,能影响其宽度,对于有width的则不起作用: 高度方面不受影响此特性可用来排版 2 margin 与百分比普通的没有带absolute fixed 的元素 ,无论横竖百分比,都相对横向数值但是带有absolute,fixed 的,则相对第一个有相对定位的百分数值 3 margin 重叠问题 margin-top 重叠的条件元素条件:1)父元素与第一个子元素或者最后一个元素 2)相邻的兄弟元素 3) 空的…

CSS中margin与padding的区别

CSS边距属性定义元素周围的空间.通过使用单独的属性,可以对上.右.下.左的外边距进行设置.也可以使用简写的外边距属性同时改变所有的外边距.——W3School 边界(margin):元素周围生成额外的空白区.“空白区”通常是指其他元素不能出现且父元素背景可见的区域.——CSS权威指南 padding称呼为内边距,其判断的依据即边框离内容正文的距离,而我喜欢CSS权威指南解释的“补白”(或者叫“留白”),因为他很形象.补白(padding):补白位于元素框的边界与内容区之间.很自然,用于影响这个…

access数据库select查询top时无效的解决办法

access数据库select查询top时有时无效,原因就是在使用Order by时,且排序的条件中数据有重复的. 比如:select top 10 * from table1 order by cdate desc 其中数据中cdate有很多重复的,这样就导致top失效了. 解决办法就是order一个主键字段来辅助实现如:select top 10 * from table1 order by cdate desc,ID desc 这样就可以了. 参考一个相关的解释吧,如下: JET SQL…

由浅入深漫谈margin属性1

margin 在中文中我们翻译成外边距或者外补白(本文中引用外边距).他是元素盒模型(box model)的基础属性. (该文章解释是否正确有待商榷,目前我的实验结果为:在默认情况或者div左浮动的情况下:margin-top/margin-left是有效的,margin-right/margin-bottom是无效的:当右浮动时,margin-right/margin-top是有效的.) 一.margin的基本特性 margin 属性包括 margin-top, margin-right, m…

不要告诉我你懂margin

分类: Html/CSS | 转载请注明: 出自海玉的博客本文地址: http://www.hicss.net/do-not-tell-me-you-understand-margin/ 你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素.内联元素中的区别?什么时候该用padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常见的浏览器下margin出现的bug有哪些?…… 写css,你少不了…

margin四个元素的顺序

如果margin给的是四个值比如:margin:0px 0px 0px 0px;代表:margin: top right bottom left代表从上右下左,顺时针方向.如果margin给的是三个值比如:margin:0px 0px 0px;代表:margin: top left-right bottom;代表上左右下.中间一个值被左右两个占用.…

CSS margin 属性

设置外边距的最简单的方法就是使用 margin 属性. margin 属性接受任何长度单位,可以是像素.英寸.毫米或 em. margin 可以设置为 auto.更常见的做法是为外边距设置长度值.下面的声明在 h1 元素的各个边上设置了 1/4 英寸宽的空白: h1 {margin : 0.25in;} 下面的例子为 h1 元素的四个边分别定义了不同的外边距,所使用的长度单位是像素 (px): h1 {margin : 10px 0px 15px 5px;} 与内边距的设置相同,这些值的顺序是从…

Margin是什么？

Margin是什么 CSS 边距属性定义元素周围的空间.通过使用单独的属性,可以对上.右.下.左的外边距进行设置.也可以使用简写的外边距属性同时改变所有的外边距.——W3School 边界,元素周围生成额外的空白区.“空白区”通常是指其他元素不能出现且父元素背景可见的区域.——CSS权威指南我比较喜欢使用“外边距”这个词来解释margin(同理padding可以称之为“内边距”,但是我又恰恰喜欢称呼padding为“补白”或者“留白”),我们可以很清楚的了解到margin的最基本用途就是控制元…

负margin新解

第一篇我知道你不知道的负Margin 分类: Html/CSS | 转载请注明: 出自海玉的博客本文地址: http://www.hicss.net/i-know-you-do-not-know-the-negative-margin/ 核心内容: 为了形象.易懂的解释负margin,我们将引入W3C上没有的参考线的说法.何谓参考线?参考线就是 margin移动的基准点,此基准点相对于box(自身)是静止的.而margin的数值,就是box相对于参考线的位移量. 一个完整的margin属性…

css中margin重叠和一些相关概念（包含块containing block、块级格式化上下文BFC、不可替换元素 non-replaced element、匿名盒Anonymous boxes ）

平时在工作中,总是有一些元素之间的边距与设定的边距好像不一致的情况,一直没明白为什么,最近仔细研究了一下,发现里面有学问:垂直元素之间的margin有有互相重叠的情况:新建一个BFC后,会阻止元素与外界元素的重叠现象. 先了解几个概念:可替换元素.不可替换元素(non-replaced element).包含块(containing block).块级格式化上下文(BFC). 可参考css2.1 中文规范 1.可替换元素与不可替换元素根据css1 中所述:所谓可替换元素就是浏览器根据元素的标签…

margin相关

1.图片与文字对齐问题如果图片和文字差不多大时,使用兼容性强的margin负值方法. 方法:img{margin:0 3px -3px 0;} 2.div嵌套后margin出现失效(转移)问题原因:盒子没有获得haslayout造成margin-top无效方法:(1)父层div设置:{overflow:hidden;} (2)父层div设置:{padding-top:1px;} (3)父元素生成BFC; (4)当前元素margin-top外边距转化为padding-top; 3.I…

我知道你不知道的负Margin

现如今,负margin技术的应用可谓越来越广,任一个大型站点惊鸿一瞥之下都会有其身影所在.个人认为负margin技术是学习css路上必不可缺少的课题之一,许多高级应用及疑难杂症修复都可以使用负margin技术进行实现. 负margin理论: 在说明什么是负margin之前,你得清楚margin是个啥么玩意,如果还不清楚可以先阅读本人的前一篇文章<不要告诉我你懂margin>,预补下知识,回头再读这篇文章,相信俩篇文章都能给你带来不少的收获. 为了形象.易懂的解释负margin,我们将引入W3C…

HTML中padding和margin的区别和用法

margin(外边距) 定义:margin是用来隔开元素与元素的间距,发生在元素本身的外部,margin用于布局分开元素使元素与元素互不相干. 提示:margin: top right bottom left;(margin:10px 20px 30px 40px) 它的给值方式为上,右,下,左. 建议何时应当使用margin: 需要在border外侧添加空白时. 空白处不需要背景(色)时. 上下相连的两个盒子之间的空白,需要相互抵消时.如15px + 20px的margin,将得到20px的…

【转】深入理解margin

由浅入深漫谈margin属性 2007-3-18 上午 - HTML/CSS/XML/XSL - CSS - margin margin 在中文中我们翻译成外边距或者外补白(本文中引用外边距).他是元素盒模型(box model)的基础属性. 一.margin的基本特性 margin 属性包括 margin-top, margin-right, margin-bottom, margin-left, margin,可以用来设置 box 的 margin area.属性 margin 可以用来同时…

CSS-默认padding 和 margin

一.h1~h6标签:有默认margin(top,bottom且相同)值,没有默认padding值. 在chrome中:16,15,14,16,17,19; 在firefox中:16,15,14,16,17,20; 在safari中:16,15,14,16,17,19; 在opera中:16,15,14,14,17,21; 在maxthon中:16,14,14,15,16,18; 在IE6.0中:都是19: 在IE7.0中:都是19: 在IE8.0中:16,15,14,16,17,19; 二.dl…

关于苹果手机微信端 position: fixed定位top导航栏问题

在移动端,position: fixed定位一般不被识别,或者在ios系统中,获取input焦点时,会导致position: fixed的top失效,下面是我验证过的方法,大家可以试试.<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-sca…

margin和padding的用法与区别--以及bug处理方式

margin和padding的用法: (1)padding (margin) -left:10px; 左内 (外) 边距(2)padding (margin) -right:10px; 右内 (外) 边距(3)padding (margin) -top:10px; 上内 (外) 边距(4)padding (margin) -bottom:10px; 下内 (外) 边距(5)padding (margin) :10px; 四边统一内 (外) 边距(6)padding (margin)…

CSS| 框模型-margin

CSS margin 属性设置外边距的最简单的方法就是使用 margin 属性. margin 属性接受任何长度单位,可以是像素.英寸.毫米或 em. margin 可以设置为 auto.更常见的做法是为外边距设置长度值.下面的声明在 h1 元素的各个边上设置了 1/4 英寸宽的空白: h1 {margin : 0.25in;} 下面的例子为 h1 元素的四个边分别定义了不同的外边距,所使用的长度单位是像素 (px): h1 {margin : 10px 0px 15px 5px;} 与内边距…

总结那些有默认margin,padding值的html标签

IE6,IE7浏览器下 margin 无效的解决方法

今天有时间,所以特意做了一个测试. 复制代码代码如下: <style type="text/css"> .test-1,.test-2{border:5px solid #F00;} .test-1{border-color:#000;} /*width:100%; height:auto !important;height:1%; zoom:1;*/ .test-2{margin:10px;height:50px;width:500px;} </style>…

CSS margin属性与用法教程

margin 属性是css用于在一个声明中设置所有 margin 属性的简写属性,margin是css控制块级元素之间的距离, 它们之间是透明不可见的. margin属性包含了margin left :距左元素块距离(设置距左内边距) :margin top:距头顶(上)元素块距离(设置距顶部元素块距离):margin right :距右元素块距离(设置距右元素块距) :margin bottom :底元素块距离(设置距低(下)元素块距).其二维构建图可见CSS属性二维图. margin的解剖图…

负margin

负margin理论: 何谓参考线?参考线就是 margin移动的基准点,此基准点相对于box(自身)是静止的.而margin的数值,就是box相对于参考线的位移量. 一个完整的margin属性是这么写的margin: top right bottom left;(eg: margin:10px 20px 30px 40px).在margin属性中一共有两类参考线,top和left的参考线属于一类,right和bottom的参考线属于另一类.top和left是以外元素为参考,right和botto…

CSS的margin属性：详解margin属性

在网上看到的一篇文章,说的比较全面.原文地址:http://www.poluoluo.com/jzxy/201206/167007.html 你真的了解margin吗? 你知道margin有什么特性吗? 你知道什么是垂直外边距合并? margin在块元素.内联元素中的区别? 什么时候该用padding而不是margin? 你知道负margin吗? 你知道负margin在实际工作中的用途吗? 常见的浏览器下margin出现的bug有哪些?…… 写css,你少不了与margin打交道,而对于这个平时…

【margin-top失效】的更多相关文章