html中一行三栏问题

最新推荐文章于 2024-09-14 17:54:00 发布

长春没有雪

最新推荐文章于 2024-09-14 17:54:00 发布

阅读量106

点赞数

文章标签： html5 css

本文链接：https://blog.csdn.net/m0_64276848/article/details/124785826

版权

为什么我的代码不是一行的而是竖着的求大神告知

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="about.css">
</head>
<body>
<div class="header">
   <div class="loge"><img src="image/logo.jpg" alt="logo"></div>
   <div class="pic"><img src="image/pic01.gif" alt=""></div>
   <div class="shoutang"><a href="#">设为首页</a> <a href="#">加为收藏</a></div>
   </div>
</body>
</html>

/*
* @Author: ASUS
* @Date: 2022-04-28 20:24:55
* @Last Modified by: ASUS
* @Last Modified time: 2022-05-15 18:30:10
*/
*{
   margin: 0px;
   padding: 0px;
   border: 0px;
}
.header{
   width:1000px;
   height:98px;
   margin: 0px auto;
}
.header.loge{
   width:314px;
   height:83px;
   float: left;
   margin-left:20px;
   text-align: center;
   padding-top: 15px;

}
.header.pic{
   width:321px;
   height:84px;
   float: left;
   text-align: center;
   padding-top: 14px;
}
.header.shoutang{
   width:325px;
   height:98px;
   background-color:green;
   float: right;
   text-align: center;
   padding-top: 68px;

}