题解 | #双列布局 - 浮动#

双列布局 - 浮动

https://www.nowcoder.com/practice/935b3d0382e741a88bab50f132d67645

<!DOCTYPE html>
<html>
    <head>
        <meta charset=utf-8>
        <style type="text/css">
            * {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }
            .container {
                border: 1px solid black;
                overflow: hidden;
            }
            .left {
                border: 1px solid black;
                float:left;
                width: 100px;
            }
            .right {
                margin-left: 100px;
            }
        </style>
    </head>
    <body>
    	<section class="container">
            <article class="left">我是left<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></article>
            <article class="right">我是right</article>
        </section>
    </body>
</html>

全部评论

相关推荐

03-02 08:18
集美大学 Java
钱嘛数字而已:没有赛事奖项么?另外,项目经历字有点多哈,建议突出一下重点:用的什么技术,解决什么问题,达到什么效果。
大家都开始春招面试了吗
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务