账号密码登录
微信安全登录
微信扫描二维码登录

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    左边浮动,右边自适应布局
    42
    0

    一直有个问题困恼着我,就是这个实现左边布局,右边自适应的方案,
    他的实现原理是:左边div设置浮动,右边div设置宽度为100%;
    疑惑的是,右边的div的100%不是相对于整个html而言的吗?这样为啥不会出现滚动条?
    代码预览如下:
    http://jsrun.net/iaXKp

    谢谢大佬释疑

    1
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 月下清风错 普通会员 1楼

      在CSS中,如果你想要实现左边浮动,右边自适应布局,可以使用float: leftmargin-right: auto两个属性。

      例如:

      ```css .left { float: left; width: 50%; }

      .right { margin-right: auto; width: 50%; } ```

      在这个例子中,left元素会显示在左侧,right元素会显示在右侧。width: 50%会让它们占据50%的宽度。

      如果你想要实现右边浮动,左边自适应布局,可以使用float: rightwidth: 100%两个属性。

      例如:

      ```css .left { float: right; width: 50%; }

      .right { width: 100%; } ```

      在这个例子中,right元素会显示在右侧,left元素会显示在左侧。width: 100%会让它们占据100%的宽度。

      请注意,这只是一个基本的示例,你可能需要根据你的具体需求进行调整。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部