让两个<div>在一个<div>里水平显示

发布时间:2020-06-29 01:28:08 作者:Hello_Prudence
来源:网络 阅读:608

给左边的<div>添加float属性,float:left;

********************************************************************************

  <head>  

    <style>

        body{

            width:30em;

            height:30em;

        }

        #bigBox{

            background-color: #fffccf;

            width:19em;

            height: 10em;

            margin-left: 3em;

            margin-top: 3em;

            border:1px solid #5B75B7;

        }

        #smallBox_1{

            background-color:rgb(169,191,93);

            width:5em;

            height:2em;

            padding-left: 1em;

            padding-top: 1em;

            margin-right: 2em;

            margin-left:1em;

            margin-top:1em;

            border:1px solid #5B75B7;

            float:left;

        }

        #smallBox_2{

            background-color:rgb(162,111,93);

            width:3em;

            height:3em;

            margin-left: 8em;

            margin-top: 1em;

            border:1px solid #5B75B7;

        }


    </style>

</head>

<body>

    <div id="bigBox">


        <div id="smallBox_1"></div>

        <div id="smallBox_2"></div>

      

    </div>

</body>

*********************************************************************************

让两个<div>在一个<div>里水平显示

推荐阅读:
  1. 一个<<-EOF引发的血案
  2. php中print <<<EOT是什么意思

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css %d

上一篇:交换技术之 Vlan 的简单理解及不同Vlan互通

下一篇:kafka基础概念(组件名称作用)

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》