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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    html浮动
    20
    0

    html
    <!DOCTYPE html>
    <html lang="en">
    <head>

    <meta charset="UTF-8">
    <title>Title</title>
    <link href="../css/base.css" rel='stylesheet' type='text/css' />

    </head>
    <body>

      <div class="top_1">
             用户名:<input type="text">
             密码:  <input type="password">
             <a href="#">登录</a>  <a href="#">注册</a>
      </div>
      <div style="clear:both"></div>

    </body>
    </html>

    css
    body {

    margin:0;
    padding: 0;
    
    

    }
    a {

    text-decoration:none;

    }
    .top_1 {

    height: 50px;
    background: lightgreen;
    float: right;

    }

    top_1不设置宽度(我是想要顶层宽度占满)虽然右边浮动,但是没有占满顶层。设置宽度100%后,他就不浮动了 请问怎么解决? 我希望顶层宽度100%,同事右边浮动

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 宇智波可达鸭 普通会员 1楼

      在HTML中,浮动是一个用来让元素脱离文档流,以便它不会被其他元素挤在一起的技术。浮动可以分为两种类型:内浮动和外浮动。

      内浮动:当元素的内部元素(如表格、块级元素)的父元素(如body或div)设置了display属性为“block”或“inline-block”,那么元素就会被视为浮动的。内浮动不会影响到文档流,也不会改变元素的位置和大小。

      外浮动:当元素的内部元素(如表格、块级元素)的父元素(如body或div)设置了display属性为“none”或者“inline”那么元素就会被视为浮动的。外浮动会改变元素的位置和大小,会被其他元素(如表单控件、菜单等)挤在一起。

      在实际应用中,通常会使用内浮动来让一个表格居中,而不是使用外浮动。这是因为如果使用外浮动,那么表格会自动被其他元素(如菜单)挤在一起,影响用户体验。

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