css基础学习----定位

原创 2017年01月03日 23:31:06

定位

定位:定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。

分类:普通流定位、浮动定位、相对定位、绝对定位

 

定位属性

 

普通流定位:块级元素,每一个元素都会出现在一个新行中;内联元素,每一个元素将在一行中从左到右排列水平位置。

浮动定位:浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。

下面的图示展示了几种浮动定位的示例。

 


float:none|left|right   设置框浮动在包含框的左边或者右边


clear:none|left|right|both    用于清除浮动所带来的影响,定义了元素的哪边上不允许出现浮动元素。

相对定位:元素仍保持其未定位前的形状,元素框会相对于它原来的位置偏移某个距离。


CSS基础学习十七:CSS布局之定位

在我们开始学习CSS布局之前,先来了解一下文档流的概念。文档流即是HTML的布局机制,块级元素占一行, 行内元素不占一行。将窗体自上而下分成一行行,并在每行中按从左往右的顺序排放元素。      ...

CSS基础学习10-CSS设置元素的定位

十、CSS设置元素的定位 css定位可以将一个元素精确的放在页面上你所指定的地方。联合使用定位和float(浮动),可以创建多种高级而精确的布局。 1.绝对定位: 一个采用绝对...

CSS基础-定位 17

//联系人:石虎  QQ: 1224614774昵称:嗡嘛呢叭咪哄 定位 相对定位 什么是相对定位?  对定位就是相对于自己以前在标准流中的位置来移动 ...

CSS页面布局基础2——定位

CSS定位:静态定位(static),相对定位(relative),绝对定位(absolute),固定定位(fixed),各种定位的作用,用法,以及示例...
  • whh4122
  • whh4122
  • 2014年10月13日 22:51
  • 503

css基础之---无情的定位position

css3的position定位 absolute和relative fixed

css基础-网页的布局思想、行内元素转换为块元素、内容溢出的处理、div盒子的定位

css基础-网页的布局思想、行内元素转换为块元素、内容溢出的处理、div盒子的定位...

【php基础班】第7天 overflow属性、CSS引入方式、定位、布局、margin合并问题、浏览器兼容

第一节 overflow属性 1. overflow属性 hidden scroll auto 2. display属性 block inlineinline-block none Block块显示 ...

CSS基础-定位

转载:17-CSS基础-定位相对定位什么是相对定位?相对定位就是相对于自己以前在标准流中的位置来移动 格式:position: relative; 示例程序 *{ ...

CSS 基础(010_定位)

原始网址:http://www.w3schools.com/css/css_positioning.asp 翻译: CSS Layout - The position Property...

CSS基础知识-五(CSS定位、左右布局方法)

一、CSS定位 1、Float:left / right /none;------左浮动/右浮动/无 2、Position:absolute;----绝对定位 3、Position:relative;...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css基础学习----定位
举报原因:
原因补充:

(最多只允许输入30个字)