为什么我给一个DIV加上浮动以后,下面的DIV就把它覆盖了?

如题所述

你的代码没有体现浮动啊追问

不好意思,我改动了,

但这样也不能显示黑色啊

求求你,大神,我要交作业了,

???

我就想在里面插入三个DIV体现三个颜色,

追答

那你是要实现什么呢?

追问

还可以插入图片的那种

左一个,中一个,右一个

追答<div id ="t1"></div>
<div id ="t2"></div>
<div id ="t3"></div>

三个div 不重叠,直接罗列三个div 就可以了

追问

我是想让它在里面。

追答<html>
<head>
    <style type="text/css">
        * {margin:0; padding:0;}
        html, body{margin:0;padding:0;width:100%;}
        #t1{
            float:left;
            background:#e03a4e; 
            width:20%;
            height:610px;
        }
        
        #t2{
            float:left;
            background:#1879e7; 
            width:40%;
            height:610px;
        }
        #t3{
            
            background:#504DBE; 
            height:610px;
        }
    </style>
<head>
<body>
<div id ="t1"></div>
<div id ="t2"></div>
<div id ="t3"></div>
</body>
</html>

追问

就是一个DIV包含三个DIV同时又可以让三个DIV分别在左边中间右边,各自显示不同的颜色,因为我第一个设置左浮动时设置背景颜色他预览不显示

追答<html>
<head>
    <style type="text/css">
        * {margin:0; padding:0;}
        html, body{margin:0;padding:0;width:100%;}
        #t1{
            float:left;
            background:#e03a4e; 
            width:20%;
            height:610px;
        }
        
        #t2{
            float:left;
            background:#1879e7; 
            width:40%;
            height:610px;
        }
        #t3{
            
            background:#504DBE; 
            height:610px;
        }
    </style>
<head>
<body>
<div>
    <div id ="t1"></div>
    <div id ="t2"></div>
    <div id ="t3"></div>
</div>
</body>
</html>

追问

大神,你这个没有被同DIV包裹啊,

一个

追答

后面的不是加上了么, 三个div 在一个div里面

追问

哦哦,不好意思,

追答

符合你的要求么?

追问

不太符合,😢但是没关系了,麻烦大神了,

我已经采纳了,

我能继续问你吗?

温馨提示:内容为网友见解,仅供参考
无其他回答
相似回答