css-div 的float属性设置后,对div的宽度的影响

问题描述

div 的float属性设置后,对div的宽度的影响
div如果不设置float属性时,宽度为默认父级容器的宽度,但是设置float:left后,
div的宽度就会变为他里面内容的实际宽度,没明白是为什么? 求教

解决方案

css就这样定义float的,有什么好纠结的?不设置float默认div默认是块级元素(display:block),占用一行。

解决方案二:
这个貌似没啥好纠结的,float样式就是会导致这样的后果
感觉你纠结这个问题,就像纠结1+1为什么等于2一样,这是css规范里面规定的结果

解决方案三:
呵呵,用了这么多年,还真没考虑过这个问题。

时间: 2024-11-03 11:54:33

css-div 的float属性设置后,对div的宽度的影响的相关文章

如何终止DIV的float属性简单实现

想必大家对float 属性并不陌生吧,下面有个不错的示例可以教会你如何终止DIV的float 属性,有需求的朋友可以参考下   终止 DIV 的 float 属性,在 css 里面定义一个样式 复制代码 代码如下: .clear_float { clear: both; } 页面使用时加上一行 <div class="clear_float"></div> 后面的 div 将不再 float.

总结几种解决子级div应float浮动让父级div高度不能自适应的办法【菜鸟收藏】

解决子级对象使用css float浮动 而父级div不能自适应高度,不能被父级内容撑开解决方法,父级div没有高度解决方法.   最外层的父级DIV不能自适应高度-不能随对象撑开没有高度 当在对象内的盒子使用了float后,导致对象本身不能被撑开自适应高度,这个是由于浮动产生原因. 如何解决父div对象自适应高度,方法有三种,接下来DIVCSS5逐一介绍. 1.首先我们先看HTML源代码: <!DOCTYPE html> <html> <head> <meta c

div中的float属性是影响到div本身还是其中的元素啊?

问题描述 div中的float属性是影响到div本身还是其中的元素啊? 在div中的float属性设置right值,那么div中的元素是向右浮动, 但是好像整个div框在父一级容器中也会向右浮动, 那么div中的float属性是影响到div本身还是其中的元素呢? 解决方案 会先影响到自己本身,然后它里面的元素也会跟着影响 解决方案二: 子div的margin属性影响到父div的定位 解决方案三: http://www.cnblogs.com/lrzw32/p/4948514.html:这个讲的挺

CSS技巧:子元素浮动后父容器的闭合

最近两个月断断续续做了好几个网站的美工,做的过程中对DIV+Css的标准开发有了进一步的了解.有两点收获最大,一是彻底弄懂了CSS的盒子模式(Box Model),再一个就是搞定了困扰我很久的"闭合浮动元素"的问题: 一般说来如果某个子元素使用了浮动(float),那父元素总是不能确切地知道子元素是在什么位置结束的,所以父元素的下边框总是从子元素的中间甚至是顶部穿过,看起来很不舒服. 最早时我都是在子元素结束后单独加个<br />或<div></div&g

GridControl的IndicatorWidth设置后不起作用

问题描述 IndicatorWidth这个属性设置后,编写对应的代码,就可以显示行号.但是我设置之后,下过却不对,行号都显示不全,操作和效果图如下.各位用过DEV的朋友给瞅瞅是怎么回事...这个属性设置之后,在代码中加入处理的代码,但是显示的时候,却不是正常的效果. 解决方案

《Android App开发入门:使用Android Studio 2.X开发环境》——2-4 组件的布局与属性设置

2-4 组件的布局与属性设置 为了方便用户设计 App,Android Studio 事先设计好了许多常用的视觉组件,我们只要把这些组件加到布局文件的布局编辑区(或单击下方的 Text 标签,切换到文本模式加入组件的标签),就可以很快地创建按钮.文本框.输入字段.多选按钮甚至图像等视觉组件. 每一个组件在程序执行时都有一个对应的 Java 对象,这个对象的类通常与在图形化的布局编辑器中看到的组件类相同.例如,显示"Hello World!"文字的是 TextView 类的组件,实际程序

margin设置为什么会宿小图片?float后其他div的文字内容怎么变位置了?

问题描述 margin设置为什么会宿小图片?float后其他div的文字内容怎么变位置了? 开始是这样 我给产品那个div设置:margin:20px后,如下,它上下扩展了20px,而左右却是自己缩小了20px,为什么会缩小 我给产品那个div float后,下面的div也跟着上来了,如下,只是后面div文字内容本来是一个居左一个居中的,为何都跑到可见部分的左和中去了? 解决方案 body设置了宽度,然后产品是在body里的,产品宽度就是body宽度减去左右padding和border,设置了m

深入分析网页设置中css float属性

float 属性的定义:使元素在哪个方向浮动 默认值为:none 注意:浮动元素会生成一个块级框,而不论它本身是何种元素 一.float语法   -   TOP Float常跟属性值left.right.none Float:none 不使用浮动 Float:left 靠左浮动 Float:right 靠右浮动 float语法: float : none | left |right 参数值: none : 对象不浮动 left : 对象浮在左边 right : 对象浮在右边 HTML代码:  代

html-关于css float属性的疑问?

问题描述 关于css float属性的疑问? #a{background-color:red;color:white;float:left;} #b{background-color:blue;color:white;} a b 以上代码的效果是蓝色的div跟红色div在同一行且在红色div的右边,但是css教程上讲红色div浮动,蓝色div移动到原红色div的位置,从效果上来讲应该是红色的div覆盖了蓝色div才对. 第二:如果给这两个div加上相同的width和height属性值,效果就是红