-亦- 2014-12-25 09:40 采纳率: 0%
浏览 3199

div 的float属性设置后，对div的宽度的影响

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

  • 写回答

3条回答 默认 最新

  • 娃都会打酱油了 2014-12-25 09:42
    关注

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

    评论

报告相同问题？

  • 一个挺常用的float布局div问题解决方法
    2020-09-25 09:53
    在前端开发中，float布局是一种常用的技术手段，用于实现元素的浮动效果，从而实现多种布局方式。然而，float布局也存在一些兼容性问题，尤其是在不同浏览器以及不同版本之间。本文将围绕float布局带来的常见问题，...
  • html div标签属性教程,前端基础之DIV标签讲解！
    2021-06-13 02:27
    清凉雪碧的博客 摘要：DIV标签，称为区隔标记。作用是设定字、画、表格等的摆放位置。当你把文字、图象，或其他的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。而中文我们把它称作...
  • DIV+CSS布局：CSS浮动float属性详解
    2012-07-07 19:01
    ### DIV+CSS布局：深入解析CSS浮动float属性 在现代网页设计中，`DIV+CSS`布局已经成为构建网站的标准方式，取代了传统的表格布局方法。其中，`CSS`的`float`属性扮演着至关重要的角色，它允许元素从文档流中“浮动...
  • 前端开发div常用属性标签大全
    2017-09-09 17:57
    smilecattobelucky的博客 float:设置DIV在页面上的流向，其值有left(靠左显示)、right(靠右显示)、none； background:设置DIV的背景样式；background后可直接跟背景的颜色、背景图片、平铺方式等样式。也可以用以下属性分别设置。 ...
  • html float不让div重叠,与两个具有float属性的div同级，之间不能存在嵌套关系
    2021-06-10 06:18
    weixin_39723441的博客 (此中floatA、floatB的属性也曾设置装备摆设为 float:left;) 这段代码在IE中毫无问题，标题出在FF。缘故原由是NOTfloatC并不是float标签，必须将float标签闭合。在 之间加之 < #div class=”clear”>这个div...
  • div宽度设置无效问题解决
    2022-09-01 17:58
    weixin_46312949的博客 div宽度设置无效问题解决
  • HTML前端开发div常用属性标签大全
    2018-11-21 00:09
    fpch2008的博客 float:设置DIV在页面上的流向，其值有left(靠左显示)、right(靠右显示)、none； background:设置DIV的背景样式；background后可直接跟背景的颜色、背景图片、平铺方式等样式。也可以用以下属性分别设置。 ...
  • HTML如何在两个div标签中间画一条竖线
    2020-09-28 04:23
    `.centerdiv`则用来绘制竖线，它的宽度应设置得足够窄，例如50px，并设置右边框为可见，如`border-right: 1px dashed black;`。 为了使竖线能自动占据父div的高度，我们使用了`padding-bottom`和`margin-bottom`。...
  • 前端练习01-前端-HTML（div+span）
    2023-03-24 22:45
    4. 利用CSS的浮动（float）属性，通过设置`float:left`或`float:right`来创建多列布局，`<div>`们会根据浮动方向调整位置。 5. 使用`clear`属性来清除浮动，防止父元素因浮动元素而高度塌陷。 6. 也可能有对`<div>`...
  • 前端布局——div盒子模型、position、float、display》》》
    2019-11-03 11:03
    码涤生的博客 float属性控制下的浮动布局——水槽模型 display属性介绍 div盒子模型（标准盒子模型，IE模型、弾性模型） 布局实例解析 问题1：如使得右下位置的内容div在向上拉动的过程中与顶部的导航栏保持一定的距离？ ...
  • 没有解决我的问题, 去提问