最新文章列表

子元素的margin影响到父元素的大小

总体来讲,这个问题是垂直外边距合并问题。 也就是一个div,作为一个元素的第一个子集元素情况下,在设置了外边距之后,会与父级的div元素在某种情况下进行合并,那么在什么情况下呢 第一个元素的上外边距会去查找父级的border或者padding,如果没找到,就会向外找margin,如果找到margin,相邻的两个margin会进行合并,这也就是垂直外边距合并。 也就是说没有找到边界,就会一直向外查 ...
LiYunpeng 评论(0) 有2751人浏览 2016-03-04 21:58

CSS2.1SPEC:视觉格式化模型之width属性详解(下)

本文承接CSS2.1SPEC:视觉格式化模型之width属性详解(上),继续分析CSS视觉格式化模型中width以及相关值的计算问题:   注:与上节不同,本节的demo中 ...
TracyLin 评论(0) 有1026人浏览 2015-12-30 14:03

CSS2.1SPEC:视觉格式化模型之width属性详解(上)

在介绍了包含块之后,CSS2.1标准中介绍了width属性和height属性,这两个属性在我们的页面布局中也发挥着重要的作用。在盒模型中,width和height包围了一个框的内容区域(content area),是否拥有显式的定义、框的类型、框的布局方式、框与其他框之间的关系以及其他的额外信息都会影响一个框的最终的width和height值,本文首先介绍width属性以及视觉格式化模型中如何决 ...
TracyLin 评论(0) 有830人浏览 2015-12-29 01:32

margin设置百分比

margin,元素的外边距,规定了元素与元素之间的间距,一直以来都是这么用的 margin: 10px 20px 15px 30px;    定义上右下左的边距 margin:0 auto; 定义居中   直到最近发现它和width,height什么的属性一样,也可以设置百分比。那这个百分比是相对谁的呢?   <!doctype html> <html lang=& ...
leeqq 评论(0) 有1151人浏览 2015-07-19 00:17

css入门之布局

margin:0 auto;         margin后面如果只有两个参数的话,第一个表示top和bottom,第二个表示left和right;因为0 auto,表示上下边界为0,左右则根据宽度自适应相同值(即居中)   浮动(float)和 绝对定位(position:absolute),可以让元素脱离文档流。   绝对定位:position:absolute;right:0; ...
operating...mydream 评论(0) 有496人浏览 2015-05-18 00:17

android入门之布局文件常用属性

  Android入门,首先要讲到界面布局,界面布局是以.xml结尾的文件。   界面布局主要有这么几种方式,LinearLayout(线性布局)、RelativeLayout(相对布局)、AbsoluteLayout(绝对布局)、FrameLayout(框架布局也叫帧布局)。布局常用的属性都差不多,这里就以最简单的线性布局为例给大家讲一讲布局文件常用的属性。   margin属性,表示设置所有的外 ...
不能迷失自我 评论(1) 有960人浏览 2014-06-07 21:07

div居中center

div居中 除了指定margin为auto外, 还要给width赋值。 如: #centdiv{              width:500px;           margin:auto; } 如果不指定width,则不会居中显示。 -
Lixh1986 评论(0) 有1055人浏览 2014-01-06 12:46

margin 负值之美

http://www.cnblogs.com/jscode/archive/2012/08/28/2660078.html 备忘 例子: <div id="outerDiv" style="width:300px; border:1px solid red; height:200px;">         <div id=&quo ...
kangzye 评论(0) 有497人浏览 2013-07-13 17:22

margin折叠

      margin折叠在布局中经常发生,需要知道margin折叠触发规则和它遵循什么规则计算距离。      margin折叠的规则 两个或多个毗邻的普通流中的块元素垂直方向上的margin会折叠 浮动元素/inline-block的元素/绝对定位元素的margin不会和垂直方向上的其他元素的margin折叠 创建了块级格式化内容的元素,不和它的子元素发生margin折叠 ...
yxc_gdut 评论(0) 有1944人浏览 2013-04-14 22:01

【转】margin:auto 居中

转载文章,非原创,原文: http://blog.csdn.net/maopop/article/details/4956763 margin:auto 解释 解析margin的自动值auto                   auto自动是字面的意思                   定义一个方向为auto,可以理解为此方向随便,自由 以前不是有个经典的FF居中么 margin:0 ...
roc08 评论(0) 有1248人浏览 2013-03-11 16:18

GridView未设置margin、padding容器内出现空隙问题

   GridView未设置margin、padding容器内出现空隙问题。    花了不少时间查看sdk源码最好才发现是gidview的listSelector中的图片grid_selector_background_xx.9.png 画了可见区域导致的空隙。     解决办法很简单:     android:listSelector="@android:color/tran ...
hemowolf 评论(1) 有3303人浏览 2013-02-06 11:21

jsp中对margin属性不解析解决办法

在jsp中IE8对margin:0 auto;这个CSS好像不再有用了,页面不能居中啦。 在jsp中文档类型定义是: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> ...
NobleBaron 评论(0) 有2776人浏览 2012-09-07 16:33

android 布局padding和margin的区别

padding是控件内部的距离 margin是控件间的距离 <Button android:text="hello" android:layout_width="250dip" android:layout_height="100dip" android:paddingTop="50dip" ...
wushipan 评论(0) 有1628人浏览 2012-07-04 17:11

IE6 margin:auto 不居中

两种可能: 1. 没有定义好div的宽度; 2. 头部没有添加doctype;
chembo 评论(0) 有1077人浏览 2012-05-31 14:18

HTML笔记之(负margin用法,右边定宽,左边自适应)

<style> div,body{padding:0;margin:0;} .main{margin:0 auto;overflow:hidden;} .main_wrap{float:left;width:100%;} .left_wrap{border:4px solid #999;margin-right:210px;padding:10px;} .right_wrap{float ...
85273898 评论(0) 有1183人浏览 2012-05-17 11:29

Form表单自动验证

Form表单自动验证   1、required属性: <form>         <input id="webjx_required" name="webjx.com" required type="text"/>         <input type="submit" val ...
2012317256 评论(0) 有878人浏览 2012-05-02 14:02

搜索引擎的白帽和黑帽

    搜索引擎优化,指为了从搜索引擎中获得更多的免费流量.从网站结构、内容建设方案、用户互动传播等角度进行合理规划,使网站更适合搜索引擎的检索原则的行为。SEO可以帮助将网站中的高质量内容更好的呈现给搜索引擎,SEO和搜索引擎,是良性的共生关系。SEO自从1997年左右出现以来,逐渐分化成两类SEO行为:一类被称为“白帽SEO”,这类SEO起到了改良和规范网站设计的作用,使之对搜索引擎和用户更加友 ...
2012317256 评论(0) 有863人浏览 2012-04-28 13:48

html代码

1.结构性定义 文件类型 <HTML></HTML> (放在档案的开头与结尾) 文件主题 <TITLE></TITLE> (必须放在「文头」区块内) 文头 <HEAD></HEAD> (描述性资料,像是「主题」) 文体 <BODY></BODY> (文件本体) (由浏览器控制的显示风格 ...
201231725 评论(0) 有10人浏览 2012-04-21 16:13

css+div页面布局之1 -- 自适应

  浮动 float 属性:定义元素在哪个方向浮动。float:left  | right |  none                        浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。 外边距 margin属性:百分数是相对于父元素的 width 计算的。   页面div:   <div id="containe ...
小丑鱼0703 评论(0) 有2660人浏览 2012-04-11 16:40

如何解决浏览器的兼容问题

关于浏览器的兼容性问题,我认为可以从浏览器对CSS标记属性的默认解释不统一来说:        比如:margin-left:这个属性在使用float:的情况下会双倍显示距离,所以一旦这样使用了那么在IE6、7、8、9中显示的距离就不一样,所以就不兼容了。建议使用padding-left:来代替margin-left: 【住:margin的其他属性均正常,可以正常使用,padding的所有属性均正常 ...
一刀3段 评论(0) 有1218人浏览 2012-03-22 19:29

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics