怎样使3个DIV水平排列,css怎么写呢?我搞来搞去它们都是垂直排列的
发布网友
发布时间：2022-05-29 04:26
共4个回答
热心网友
时间：2024-11-15 17:25
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.leftcol,.rightcol{width:300px;height:400px;}
.main{height:400px;background-color:blue;}
.leftcol{background-color:green;}
.rightcol{background-color:yellow;}
.content{width:900px;margin:10px auto;}
.cl{clear:both;}
</style>
<div class="content">
<div class="fl leftcol">左边的内容</div>
<div class="fr rightcol">右边的内容</div>
<div class="main">主要内容</div>
<div class="cl"></div>
</div>
热心网友
时间：2024-11-15 17:25
<style>
.zuo,.zhong,.you{ width:100px; height:30px; background:#000; float:left;}
</style>
</head>
<body>
<div class="zuo"></div>
<div class="zhong"></div>
<div class="you"></div>
</body>
套到你页面试试，希望能帮到你追问不行，做了测试,三个块重叠在一起
热心网友
时间：2024-11-15 17:26
热心网友
时间：2024-11-15 17:26
