账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    自适应布局的float问题
    33
    0

    在阅读大神的教程时，对“自身浮动法”中：侧栏要放在主栏的前面产生了疑问。

    在我的理解中，float是脱离普通流（文档流）的，那么为什么他的顺序是固定的呢？就像absolute，应该和普通流没有关系才对。。。

    修改代码（浮动的侧栏排列在main之下）

    CSS代码：

    html,body{margin:0;height:100%;}
#main{height:100%;margin:0 210px;background:#FFE6B8;}
#left,#right{width:200px;height:100%;background:#A0B3D6;}
#left{float:left;}
#right{float:right;}

    HTML代码：

    <div id="main"></div>    
        <div id="left"></div>
        <div id="right"></div>

    教程链接

    1
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 更俗 普通会员 1楼

      在CSS中，float属性用于定义元素在页面上的浮动方式。默认情况下，元素会被放在其父元素的右边，但浮动后元素会脱离文档流，这意味着元素的位置可能会因为浏览器窗口的变化而改变。

      例如，如果你有一个段落，你可能会这样写：

      css p { float: right; }

      这段代码会让段落脱离文档流，但其内容仍会出现在其父元素中。

      如果你希望浮动后的内容仍然位于其父元素中，你需要使用JavaScript或者其他方法来清除浮动。

      例如，你可以使用JavaScript来清除浮动：

      css p { clear: both; }

      这段代码会让段落的浮动被清除，使其内容仍然出现在其父元素中。

      另外，如果你希望浮动后的内容在父元素的左边，你可以设置父元素的float属性为left：

      css p { float: left; }

      这段代码会让段落的浮动被清除，其内容在父元素的左边。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部