请问高手:css中的 float 到底怎么用???

来源:互联网  责任编辑:小易  

您好,a标签有以下属性,其中包含h5新属性charset char_encoding

本网有用户碰到这样的问题:请问高手:css中的 float 到底怎么用???,本网根据需求用户需求,为用户寻得以下其他网友提供的解决方法,方法仅供参考,具体如下:

用户提供的解决方案1:

所有的<br class="clearfloat" />都可去掉,看

<div id="AAA">

给你写好了,你看下。模型给你定了高,否则看不到效果的,你用时可以将高删除就可以高度自适应了。

<div id="BBB"></div>

<!DOCTYPE html><html><head><m

<div id="CCC"></div>

首先你得确认<link href="css/style.css" rel=

</div>

大家去东南亚国家或者一些中东穆斯林国家,都会遇见在马桶旁边会有一个水龙头或者是一个水桶,水桶里面有水瓢。东南亚的厕所普遍都非常的干净,没有异味,即使是乡村的厕所,也是如此。这主要是出于东南亚的如厕习惯,他们认为直接用手是不干净的。当然如果从现代环保的角度来说,还节省了纸张。这些水龙头或者水桶的材质或大小都不固定,而且不光是普通家庭或小旅馆的厕所会有,国道公路旁、乡村厕所也会有,有时候甚至在火车站、博物馆等比较注重公共卫生的厕所裡都会发现这种水管或者水桶。這種水龍頭就是可以拿來洗屁股使用,女性也可以在如厕后用來清洁,也可以說是日本免洗冲水马桶的的前身。东南亚国家地处热带,热带国家的饮食通常需要一

假如有三个 DIV ...

感谢邀请!这问题要从两方面来回答。如果是要换机相,建议可以考虑6D2和5D4,毕竟,60D是残幅机,你的这几个镜头,都是EF卡口的镜头,虽然能用在60D上,但毕竟要乘1.6的倍率。如果还是喜欢残幅机,可以考虑80D,也是不错的。其实60D虽然老了些,虽说使用的是佳能祖传的1800COMS,但也还是一款很不错的相机,可能考虑用来拍延时和大范围延时,足够用了。如果要换镜头的话,个人建议可以上几个定焦,50定,85定,或者百微,都是不错的,这样焦段也就差不多补齐了。个人建议,谨供参考

第一个DIV AAA是 书桌....

用竹地板装修,可能有的业主还不是很熟悉,那下面就为大家简单介绍一下竹地板的特点:1、冬暖夏凉刚刚过去炎热的夏天,在夏天里竹地板的优势就显露出来了。竹子因为导热系数低,自身不生凉放热。特别适合于铺装在客厅、卧室、健身房、书房等地面及墙壁装饰。色差较小是竹材地板的一大特点。2、外观优美竹子的天然色泽美观,富有弹性、可防潮、不发霉、硬度强、冬暖夏凉,用竹子的弧面作为外观面,有一种独特的韵味。3、寿命长竹材地板在理论上的使用寿命可达20年左右,正确的使用和保养是延长竹材地板使用寿命的关键。竹材地板在使用中最重要的是要保持室内干湿度,因为竹材地板虽经干燥处理,但是竹子是自然材料,所以还会随着气候的变化而

第二和第三 ,,, 就是 BBB 和 CCC 假如看成 一本书....

有哪些又离谱又搞笑的穿帮?穿帮一:《等你爱我》中的王凯拿钢琴谱来拉大提琴的实力派!穿帮二:《哆啦A梦》中,妈妈拿出试卷!谁来告诉我一下2+(2x5)的答案是什么?我读书少……穿帮三:《三国演义》中居然还有面包车哎~穿帮四:这部动画片我已经记不起来是啥了,没想到居然还有这种操作!穿帮五:《历史转折中的邓小平》?我都不好意思说,这么正的正剧,居然连水稻小麦傻傻分不清楚!穿帮六:多部剧穿帮混合!居然打电话手机都能拿反啊!不知道你们怎么看呢?

现在这个 两个书 就放在 一个 书桌上...一个平面上...

两个书 正好 在 一个在前 一个 在后....

可 HTML里 和 地球不一样...我们的 引力是 往下的...

而 HTML 也有所谓的引力....它们是往上啦的......那么

现在 CCC 上不去 ...因为 BBB在 CCC上面....

想象成 CCC 踩在 BBB 头上吧....呵呵....

假如 我给 CCC 上 加 float [这里给 left 或 right 都 一样,都是 浮动]

那么 CCC 就从 BBB 头上 跳下来.....

用 书 比喻的话 就 把 CCC书 放在 BBB上...

它们已经 不在一个平面了...

然后 那个 CCC书 又不能出 书桌的范围,那么

CCC div 就在 AAA div 里 浮动...还有 不跟 BBB 在一个平面....

float:right 的话 会往 AAA div的 右面跑

float:left的话 往左面跑...

在 BBB 和 CCC 里 加 背景颜色....

CCC 的颜色 会 挡住 BBB的 颜色....这个就是浮动....

就是跟名一样.....CCC 会 浮起来....跟 幽浮一样 呵呵...

本人是 朝鲜族 .... 汉语 不是太会....凑合着 看吧.... 呵呵

用户提供的解决方案2:

  css中的FLOAT是对齐方式。

  1、LEFT是左对齐;

  2、RIGHT是右对齐;

  3、CENTER是居中;

  4、NONE就是取消对齐方式;

  定义和用法如下:

  float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。

  如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。

  实例如下:

  把图像向右浮动:

  img

   {

   float:right;

   }

  

用户提供的解决方案3:

DIV CSS网页布局三栏页CSS float方法

三栏布局是目前最常见的DIV CSS网页布局,主要页内容放在中间一栏,边上的两栏放置导航链接之类的内容。基本布局一般是标题之下放置三栏,三栏占据整个页面的宽度,最后在页的底端放置页脚,页脚也占据整个页面宽度。绝大多数网页设计者都熟悉传统的网页设计技术,用这些技术可以生成带有表格、创建固定宽度布局或者“液态”(它可以根据用户浏览器窗口宽度自动伸缩)布局的网页。

现在,我们都开始抛弃基于表格的布局技术,许多网络设计者正在从XHTML标记和CSS格式这一新范例中寻找创建三栏布局的方法。用绝对定位的方法从CSS中得到固定宽度的布局并不困难;但是得到液态布局就有点困难了。因此,本文介绍一种用CSS的float和clear属性来获得三栏液态布局的方法。

基本方法:

基本的布局包含五个div,即标题、页脚和三栏。标题和页脚占据整个页宽。左栏div和右栏div都是固定宽度的,并且用float属性来把它们挤压到浏览器窗口的左侧和右侧。中栏实际上占据了整个页宽,中栏的内容在左、右两栏之间“流淌”。由于中栏div的宽度并不固定,因此它可以根据浏览器窗口的改变进行必要的伸缩。中栏div的左侧和右侧的填充(padding)属性保证内容安排在一个整洁的栏中,甚至当它伸展到边栏(左栏或者右栏)的底端也是这样。

三栏布局的一个例子:请看看用本文所介绍的技术进行三栏布局的例子。这个例子用鲜艳的颜色来区分布局的各个div。

XHTML代码:

ExampleSourceCode

<body> <dividdivid="header"> <h1>Header</h1> </div> <dividdivid="left"> Portsidetext... </div> <dividdivid="right"> Starboardsidetext... </div> <dividdivid="middle"> Middlecolumntext... </div> <dividdivid="footer"> Footertext... </div> </body>

body{ margin:0px; padding:0px; } div#header{ clear:both; height:50px; background-color:aqua; padding:1px; } div#left{ float:left; width:150px; background-color:red; } div#right{ float:right; width:150px; background-color:green; } div#middle{ padding:0px160px5px160px; margin:0px; background-color:silver; } div#footer{ clear:both; background-color:yellow; } 代码演示:

SourceCodetoRun

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN" "/www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <htmlxmlnshtmlxmlns="/www.w3.org/1999/xhtml"> <head> <metahttp-equivmetahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>mb5u.com</title> <styletypestyletype="text/css"> body{ margin:0px; padding:0px; } div#header{ clear:both; height:50px; background-color:aqua; padding:1px; } div#left{ float:left; width:150px; background-color:red; } div#right{ float:right; width:150px; background-color:green; } div#middle{ padding:0px160px5px160px; margin:0px; background-color:silver; } div#footer{ clear:both; background-color:yellow; } </style> </head> <body> <dividdivid="header"> <h1>Header-mb5u.com</h1> </div> <dividdivid="left"> Portsidetext... </div> <dividdivid="right"> Starboardsidetext... </div> <dividdivid="middle"> Middlecolumntext... </div> <dividdivid="footer"> Footertext...mb5u.com </div> </body> </html>

代码说明

HTML代码中各部分出现的顺序是非常重要的。左栏和右栏div必须在中栏之前出现。这样才可以让这两个边栏浮动到它们的位置上(屏幕两侧),并让中栏的内容将“流”入它们之间的空间。假如浏览器在一个或者两个边栏div之前先发现中栏,那么中栏将占据屏幕的一侧或者两侧,这样浮动的部分就会跑到中栏的下面而不是中栏的旁边了。

div#header和div#footer样式(style)中的clear:both申明用来确保这浮动部分不会占据标题和页脚的空间。div#header样式中的padding:1px申明用来消除页头背景色中的异常边,假如padding设置为零,那么在Netscape浏览器中就会看到这个异常。

div#left样式中的float:left申明是用来把左栏挤压到左侧。width:150px申明用来设置栏的固定宽度,不过你也可以把它的宽度设置为其它具体值。类似的,div#right样式中的float:right申明用来把右栏div挤压到右侧。在本例中,float把左栏和右栏完全挤压到浏览器窗口的左边缘和右边缘。然而,假如这些div被其它div包含,那么float将会把它们挤压到包含它们的div的边缘。

在div#middle样式中,clear申明答应中栏的内容“流淌”在两个边栏之间。padding:0px160px5px160px申明设置了到左栏和右栏的填充,这样答应150象素宽度的栏div,在加上10象素的间距。

这个例子非常粗糙和简单,但是它很好的演示了用浮动div来创建三栏液态布局的边栏这一基本技术。

用户提供的解决方案4:

在父元素内部向左浮动

用户提供的解决方案5:

一切正常

扩展阅读,根据您访问的内容系统为您准备了以下内容,希望对您有帮助。

div+css布局的问题,float一直出问题 求高手指导一下。

简单的FLOAT达不到效果的,这个布局类似于pinterest砖块瀑布流,你可以使用masonry.js,很简单。

配合infinit scroll 实现无限滚动的瀑布流布局。追问我上网查了一下masonry.js,找到http://www.163css.com/hihilinxuan/log/634636908260054804.html。这个网址可是我没有学过不会啊,能帮我修改一下我的代码吗?给我一下邮箱,我发给你。追答

http://masonry.desandro.com/

这是masonry.js的官方地址

很简单

HTML结构

<div id="container">

  <div class="item">...</div>

  <div class="item w2">...</div>

  <div class="item">...</div>

  ...

</div>//js代码

var container = document.querySelector('#container'); 

var msnry = new Masonry( container, {

  // options

  columnWidth: 200, //注意这个宽度是元素的总宽度,包括padding和margin和width,也可以不写

  itemSelector: '.item'

});

div使用了float属性,无法水平居中;求高手帮忙.

flyrose25 前半段说对了,后半段说错了。

先加个大div,然后设置这个大div的内边距,把浮动的元素往右边挤一点:padding-left:25px;

或者把.con1里面加个相对定位让所有浮动元素都往右移动一段距离:position:relative;left:25px;

请问高手这段css代码是什么意思?

这段大部分都是HTML代码,class="J_TWidget"、class="piaofu"、class="J_TWidget ks-switchable-panel-internal899" 三个DIV都是调用CSS文件里面的属性,您要看CSS文件。

<div class="piaofu" style="height:1px;"> 这部分的style="height:1px;"意思就是这个层高1PX;

style="z-index:-5;width:1920px;top:0px;left:0px;display:block;" 这里是z-index是层堆叠顺序,值是-5,如果有一个层在上面值大于-5,那么这个层就被覆盖,width是宽度,TOP是层和顶部的距离,LEFT,是层和左边的距离,display:block这里是隐藏了这个DIV层。

  • 本文相关:
  • 请问高手:css中的 float 到底怎么用???
  • div+css布局的问题,float一直出问题 求高手指导一下。
  • div使用了float属性,无法水平居中;求高手帮忙.
  • 请问高手这段css代码是什么意思?
  • css高手问题
  • 请教css高手:“在css中可以为a设置哪些属性?”。
  • css高手请看一下下面代码中clear用法是否正确?
  • 请教DIV+CSS高手,这样的网页布局的DIV+CSS代码怎么写?
  • 请教DIV+CSS高手,这样的网页布局的DIV+CSS代码怎么写?
  • DW里面的DIV 到底 怎么用CSS 定位? 别在跟我讲代码 直接说 怎么在CSS里面设置 !高手来...
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved