http://www.rainleaves.com/html/1095.htmlcss3弹性盒子模型之box-flex（修正版一）发表于2011/12/06 9条回复18,699 views今天看到蓝色理想上面有一篇文章讲《css3弹性盒模型布局模块介绍》里面讲到用box-flex，突然觉得有点心慌...
分类：
Web程序 时间：
2015-04-17 11:02:03
阅读次数：
183
一、什么是双边距Bug？先来看图：我们要让绿色盒模型在蓝色盒模型之内向左浮动，并且距蓝色盒模型左侧100像素。这个例子很常见，比如在网页布局中，侧边栏靠左侧内容栏浮动，并且要留出内容栏的宽度。要实现这样的效果，我们给绿色盒模型应用以下CSS属性：以下为引用的内容：.floatbox {float: ...
分类：
其他好文 时间：
2015-04-15 18:32:48
阅读次数：
163
本文将讲述 CSS 中最核心的几个概念，包括：盒模型、position、float等。这些是 CSS 的基础，也是最常用的几个属性，它们之间看似独立却又相辅相成。为了掌握它们，有必要写出来探讨一下，如有错误欢迎指正。元素类型HTML 的元素可以分为两种：块级元素（block level elemen...
分类：
Web程序 时间：
2015-04-10 23:48:02
阅读次数：
188
display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。 目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私...
分类：
Web程序 时间：
2015-04-10 13:06:56
阅读次数：
139
这个问题困惑了很久，虽然没有大碍早就摸出来怎么搞定它，但始终不明白原因出在哪里，如果只是IE有问题我也不会太在意，可问题是所有上等浏览器都表现如此，这样叫我怎能安心？今天总算下狠心查出来怎么回事，居然是CSS2.1盒模型规范……虽然很别扭，非常别扭的规定。 问题如下图，两层Div结构，Outer ....
分类：
其他好文 时间：
2015-04-07 21:33:26
阅读次数：
95
原文:CSS设计指南之理解盒子模型一.理解盒模型 每一个元素都会在页面上生成一个盒子。因此，HTML页面实际上是由一堆盒子组成的。默认情况下，每个盒子的边框不可见，背景也是透明的，所以我们不能直接看到页面中盒子的结构。使用WebDeveloper工具条中的"OutLine"->"OutLine Le...
分类：
Web程序 时间：
2015-04-07 09:34:18
阅读次数：
118
一.理解盒模型每一个元素都会在页面上生成一个盒子。因此，HTML页面实际上是由一堆盒子组成的。默认情况下，每个盒子的边框不可见，背景也是透明的，所以我们不能直接看到页面中盒子的结构。使用WebDeveloper工具条中的"OutLine"->"OutLine Level Element"菜单项，可以...
分类：
Web程序 时间：
2015-04-06 12:47:29
阅读次数：
158
再也不相信别人了,博客都是坑爹,一个简单的盒模型,被描述的那么难受盒子模型区块元素的矩形结构经常称之为盒模型,它包括一个元素的内容（content）是放置在一个元素的打开和关闭标记之间的实际文字（或其他媒体）。一个元素的留白（padding）是该内容周围的空位，其仍构成上述元素之一部分。paddin...
分类：
Web程序 时间：
2015-04-05 21:52:04
阅读次数：
152
display: flex;justify-content: center;align-items: center; height: 300px;border:1px solid;
分类：
其他好文 时间：
2015-04-02 20:35:00
阅读次数：
110
button的width和height和标准的盒模型不一致，是指的包含边框在内的宽度和长度测试代码：1，chrome（1）text内容区域：169*15pxpadding:1px 0border:2px;margin:0所以总宽度是：169+4=173px总高度是：15+6=21px；（2）butt...
分类：
其他好文 时间：
2015-04-02 18:11:13
阅读次数：
141
