如何用htmlt和css制作两列布局的网页

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用htmlt和css制作两列布局的网页相关的知识,希望对你有一定的参考价值。

参考技术A <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * padding:0;  margin:0;
        body
            margin:0 auto;
            width: 960px;
        
        .colum1
            float: left;
            width: 480px;
            height: 1000px;
            background-color: yellow;
        
        .colum2
            float: left;
            width: 480px;
            height: 1000px;
            background-color: green;
        
    </style>
</head>
<body>
<div class="colum1"></div>
<div class="colum2"></div>
</body>
</html>

参考技术B div设置浮动,就可以出现两列布局了本回答被提问者采纳

以上是关于如何用htmlt和css制作两列布局的网页的主要内容,如果未能解决你的问题,请参考以下文章

如何用css和html制作一个页面 - 细节

如何用html+css做出这个静态网页 求大神解答

div+css如何用百分比??

div+css三行两列布局怎么写,求大神解答

用 CSS Grid 布局制作一个响应式柱状图

用 CSS Grid 布局制作一个响应式柱状图