1.浮动(float)是基于CSS的现代Web设计用到的主要功能之一,可以用它来创建多累的网页布局,从无序列表创建导航工具条,不是用table而创建类似表格的对其方式等。
为使元素浮动到左边或者右边,并使后面的文本环绕它,可使用float属性,float属性的取值是:none(不浮动),left(向左浮动),right(向右浮动)。
使用float属性后,浮动的元素从正常文档流中脱离出来,同时...
分类:
Web程序 时间:
2014-10-15 10:12:20
阅读次数:
143
(IE7不支持)display: none:默认 block:指定为块级元素 inline:指定为内联元素float: left:左浮动 right:右浮动clear: both:静止左右有浮动元素 left:静止左有浮动元素 right:静止右有浮动元素visibility: v...
分类:
Web程序 时间:
2014-10-14 12:44:18
阅读次数:
158
在一个元素内居中另一个元素有时候会很困难.对于常规,静态定位的元素,可以让他向左或向右浮动,或者使用text-align属性让他在父元素内居左,居中或居右.还可以利用自动外边距(margin:0 auto;)来居中元素.这些方法的问题在于,要居中的元素必须是有宽度的.像这里用于构成菜单的html列表,他可能是根据数据库信息动态生成的,或者说将来有可能手工编辑,总之你不可能提前设定他的宽度.
...
分类:
其他好文 时间:
2014-09-28 22:54:06
阅读次数:
127
左右排版本来是可以这样实现的:两边都使用百分比,然后左右浮动。但是这样做满足不了下面这样的场景:
在一个文章页面里面,分为左边的正文区域和右边的与文章关联的其他信息区域,我想让正文区域能随着用户的显示屏宽度变化而变化,这似乎百分比就能做到,但是如果使用百分比,左右两边都必须有一个固定的比值,那样右边也会随着用户显示屏的宽度变化,如果用户的显示屏很宽,那这右边就显得似乎国语宽了,正文无论...
分类:
其他好文 时间:
2014-09-25 16:27:18
阅读次数:
148
图片文字的两栏布局有多种实现方式,基本都要靠浮动实现,但滥用浮动会破换布局的适应性。1.左右浮动图片左浮动,右边div右浮动.inner {overflow:hidden; width=600px}.inner_face {display: block;float: left;}.inner_rig...
分类:
其他好文 时间:
2014-09-07 14:41:15
阅读次数:
167
浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。CSS 浮动请看下图,当把框 1 向右浮动时,它脱离文档流并且向右移动,直到它的右边缘碰到包含框的右边缘:再请看下图,当框 1 向左浮动时,...
分类:
Web程序 时间:
2014-08-31 18:36:41
阅读次数:
320
左右浮动 sdfs sdfsd sdfs sdflksdjflskdjflksdjflskdjflksjdlfjsldkfjld 样式:
分类:
其他好文 时间:
2014-08-25 19:04:54
阅读次数:
173
.col-md-pull-2 向右相对定位偏移量 .col-md-push-2 向左相对定位偏移量 .pull-left 左浮动 .pull-right 右浮动 改变大小写 通过这几个类可以改变文本的大小写。 Lowercased text.//转成小写 Uppercased text.//转成大写...
分类:
其他好文 时间:
2014-08-19 20:43:05
阅读次数:
277
上篇博客遗留了浮动和定位两个问题,只是对他们进行了简单的描述,今天仔细透透他们的底细,此篇为浮动篇。
浮动在这个CSS排版流行的年代发挥着越来越重要的作用,如同aline对定位网页元素的重要性一样,但它比aline更加功能强大。
float主要功能是帮助对象在网页中对齐的,通过不同的命令使对象左右浮动,直到遇到border、padding、margi...
分类:
Web程序 时间:
2014-08-17 22:48:53
阅读次数:
456
1、当一个div设置了浮动且使用了margin时,比如设置左浮动且使用了margin-left(右浮动也是类似) <html>
<head>
<style?type="text/css">
div?{
width:?200px;
height:?200px;
background:?blue;
...
分类:
Web程序 时间:
2014-08-11 18:21:22
阅读次数:
278