CSS理论：margin-left在float中的运用

【CSS理论：margin-left在float中的运用】的更多相关文章

CSS理论：margin-left在float中的运用

源码如下: margin-left 指的是左边的外边距,为正数时,左边间距增大,div向右偏移,为负数时,左边间距减少,相反往左偏移双飞翼 .wrap { width: 100%; margin: 0 auto; } .left { width: 15%; height: 700px; background: red; float: left; bottom: 0px; /*margin-left: -100%;*/ } .right { width: 15%; height: 700px;…

DIV+CSS：Margin和Padding属性[转载]

margin和padding用来隔开元素,margin是隔开元素与外边,padding是隔开元素里边. margin: 包括margin-top.margin-right.margin-bottom.margin-left,控制块级元素之间的距离,它们是透明不可见的. Padding: 包括padding-top.padding-right.padding-bottom.padding-left,控制块级元素内部,content与border之间的距离. 例子h2: h2 { font-s…

好程序员web前端分享值得参考的css理论：OOCSS、SMACSS与BEM

好程序员web前端分享值得参考的css理论:OOCSS.SMACSS与BEM 最近在The Sass Way里看到了Modular CSS typography一文,发现文章在开头部分就提到了OOCSS. SMACSS. BEM.这3个词.“如果还不知道这些是什么,请先不要继续看下去”,联想到作者这样友好(gāo lěng)的提醒,作为围观群众,自然要有所回应.所以,本文在这里分别介绍它们. OOCSS.SMACSS及BEM都是有关css的方法论(准确地说,其中BEM应该是一个完整的前端开发理论…

CSS布局总结及实际应用中产生的问题

布局初步所谓布局,其实是指的将网页内容以一定的方式放到合适的位置上去. 布局的基本步骤: 1, 将“当前版面”以视觉上界限明显的方式进行划分若干个区块,划分只用两种方式: a) 上下结构:此时,只要使用若干个盒子,自然就是上下结构,无需其他设置. b) 左右结构:此时使用若干个盒子,并进行相应的浮动,通常的模式: i. 2个盒子:一左一右 ii. 3个盒子:两左一右或两右一左,或一边倒. iii. 更多盒子:通常一边倒. 浮动解释浮动就像水中的气泡,会“网上浮” 更形象的比喻:大家(所有标签…

精简高效CSS系列之二——浮动float

一.浮动基础知识假如一个页面上有3个div块,如下排列: 图1:不使用浮动图2:向右浮动图2说明了框1脱离了文档流向右移动,直到它的右边缘碰到包含框的右边缘为止. 图3:向左浮动图3说明了框1向左浮动,脱离文档流向左移动,直到它的左边缘碰到框2的左边缘为止,由于框1脱离了文档流,不占据空间,框2处于文本流中,所以框1覆盖了框2. 上面3个图说明了,浮动既可以向左也可以向右,直到它的外边缘碰到包含框或者另一个浮动框的边框为止.由于浮动框不在文档的普通流中,所以文档的普通流中的块…

CSS的margin属性：详解margin属性

在网上看到的一篇文章,说的比较全面.原文地址:http://www.poluoluo.com/jzxy/201206/167007.html 你真的了解margin吗? 你知道margin有什么特性吗? 你知道什么是垂直外边距合并? margin在块元素.内联元素中的区别? 什么时候该用padding而不是margin? 你知道负margin吗? 你知道负margin在实际工作中的用途吗? 常见的浏览器下margin出现的bug有哪些?…… 写css,你少不了与margin打交道,而对于这个平时…