前言 在 CSS 2.1 中,有三种定位方案——普通流 (Normal Flow) 、浮动 (Floats) 和绝对定位 (Absolute Positioning) ,下面分别对这三种布局简略说明一下。 普通流(Normal Flow) 在普通流中,元素按照其在 HTML 中的先后位置至上而...
分类:
其他好文 时间:
2014-08-11 02:44:01
阅读次数:
267
1.简单的说,常规流向的块级元素,width为auto时,会尽量充满父元素的内容宽度,而height为auto时,则是由其内部的不浮动的子元素的高度决定(无浮动,绝对定位)。2.width:100%;width:auto 1如果是width:100%,则说明p的width会得到600px就已经充满d...
分类:
Web程序 时间:
2014-08-11 00:00:40
阅读次数:
303
其实前面的标准流和浮动流都很理解,就是定位不太好理解,特别是相对定位和绝对定位,很多刚开始学的同学不好区分。因此这里,小强老师和大家一起分享CSS定位的学习。通过我们前面的学习,我们网页布局方法:1.标准流(最稳定)2.浮动流(float其次)3.定位流(稳定性最后)定位是完全脱离标准流的一种布局方...
分类:
Web程序 时间:
2014-08-09 00:08:36
阅读次数:
231
CSS 定位属性CSS 定位属性允许你对元素进行定位。属性描述position把元素放置到一个静态的、相对的、绝对的、或固定的位置中。top定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。right定义了定位元素右外边距边界与其包含块右边界之间的偏移。bottom定义了定位元素下外边距边...
分类:
Web程序 时间:
2014-08-04 21:27:37
阅读次数:
470
对a链接的display设置为block,以便整个标签可以点击。但是,如果对该标签设置为position:absolute后,会发现在ie6、ie7下有时点击无效,ie8下有效(ie8标准),使用zoom:1方式也无法解决问题。解决方案1、使用position:relative而不是position...
分类:
其他好文 时间:
2014-08-02 15:18:13
阅读次数:
252
在ie中,标签使用绝对定位后都会有一个bug,即:鼠标滑过时无法被选中。文中通过一实例来引入问题,并提供多种解决方案······
分类:
其他好文 时间:
2014-07-29 17:35:02
阅读次数:
527
在页面布局的时候,可以用绝对定位来实现,但是由于调整某个区块框时其他区块的位置不会相应的改变,所以这并不是布局的首选方式。但是使用浮动的区块框可以向左或向右移动,直到它的外边缘碰到包含它区块的边框或另一个浮动狂的边框为止。并且由于浮动框不在文档的普通流中,所以文档的普通流中的区块框表现的像就浮动框不存在一样。
这篇文章就总结几种简单的区块框浮动的例子:
1.不浮动区块框排序
D...
分类:
Web程序 时间:
2014-07-26 02:18:36
阅读次数:
297
【webQD】☆★之详解position:absolute、relative首先我们来看一下W3C对position的解释:我们再看,W3C对position属性值的解释:ok,我们需要了解的是:其中absolute和relative是最常用的,fixed用得也比较多(其中IE6并不支持fixed)。1、absolute(绝对定位)absolute是生成觉对..
分类:
Web程序 时间:
2014-07-23 21:09:46
阅读次数:
308
前面我在解读CSS中也说过了关于相对定位和绝对定位的问题,无奈还是有些童鞋表示迷茫,于是另开一篇博客,来详细解读相对定位和绝对定位,希望能够以我的点点星光,让后来者少走弯路。
所谓相对定位,就是设置为相对定位的元素会偏移某个距离,元素仍然保持原来的样式,它会保留该HTML元素的空间,比如我们看如下代码:
.demo{
position: relative;
width:50px;
h...
分类:
Web程序 时间:
2014-07-23 18:06:26
阅读次数:
302
关于基于约束的布局基于约束的布局示例基于约束的布局和绝对定位使用高级约束布局设置组件的布局约束当用户调整应用程序窗口的大小时,可以对组件使用约束来自动调整组件的大小及其在容器中的位置。通常在 MXML 编辑器的设计模式下定义布局约束。还可以在源代码模式下编辑组件的属性来定义布局约束。关于基于约束的布...
分类:
其他好文 时间:
2014-07-23 16:16:11
阅读次数:
269