网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索

 
 
 
日一二三四五六
       
       
       
       
       
       

签到排名:今日本吧第个签到,

本吧因你更精彩,明天继续来努力!

本吧签到人数:0

一键签到
成为超级会员,使用一键签到
一键签到
本月漏签0次!
0
成为超级会员,赠送8张补签卡
如何使用?
点击日历上漏签日期,即可进行补签。
连续签到:天  累计签到:天
0
超级会员单次开通12个月以上,赠送连续签到卡3张
使用连续签到卡
01月21日漏签0天
web前端开发吧 关注:152,425贴子:319,623
  • 看贴

  • 图片

  • 吧主推荐

  • 游戏

  • 16回复贴,共1页
<<返回web前端开发吧
>0< 加载中...

求助,关于浮动

  • 只看楼主
  • 收藏

  • 回复
  • 神亦有格
  • 初级开发
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
先上图


  • 神亦有格
  • 初级开发
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼


2026-01-21 17:53:17
广告
不感兴趣
开通SVIP免广告
  • 神亦有格
  • 初级开发
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
然后是代码


  • 神亦有格
  • 初级开发
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="xiouji.css">
<style type="text/css">
body{
margin: auto;
height: 1200px;
width: 80%;
}
#main{
margin:0;
height: 1200px;
width: auto;
}
#head{
width: 100%;
height: 10%;
background-color: #4169E1;
}
#menu{
width: 20%;
height: 80%;
background-color: aquamarine;
float: left;
}
#content{
width: 80%;
height: 80%;
background-color: #6495ED;
float: left;
}
#buttom{
width: 100%;
height: 10%;
background-color: black;
clear: both;
}
a{
text-decoration:none
}
<!--去掉下划线-->
</style>
</head>
<body>
<div id="main">
<div id="head">
<div id="logo"></div>
<div id="search"></div>
</div>
<div id="menu">
<div id="menu1">1</div>
<div id="menu2">2</div>
<div id="menu3">3</div>
<div id="menu4">4</div>
<div id="menu5">5</div>
<div id="menu6">6</div>
<div id="menu7">7</div>
<div id="menu8">8</div>
<div id="menu9">9</div>
<div id="menu10">10</div>
<div id="menu11">11</div>
<div id="menu12">12</div>
<div id="menu13">13</div>
<div id="menu14">14</div>
<div id="menu15">15</div>
<div id="menu16">16</div>
<div id="menu17">17</div>
<div id="menu18">18</div>
<div id="menu19">19</div>
<div id="menu20">20</div>
</div>
<div id="content">
<div id="buttom">底部</div>
</div>
</body>
</html>


  • 神亦有格
  • 初级开发
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
#menu1{
height: 5%;
background-color: #EEE0E5;
}
#menu2{
height: 5%;
background-color: #EED5D2;
}
#menu3{
height: 5%;
background-color: #EECBAD;
}
#menu4{
height: 5%;
background-color: #EEB422;
}
#menu5{
height: 5%;
background-color: #EECBAD;
}
#menu6{
height: 5%;
background-color: #EE82EE;
}
#menu7{
height: 5%;
background-color: #EE7942;
}
#menu8
{
height: 5%;
background-color: #EE6A50;
}#menu9
{
height: 5%;
background-color: #EE3B3B;
}#menu10
{
height: 5%;
background-color: #EE1289;
}#menu11
{
height: 5%;
background-color: #EBEBEB;
}#menu12
{
height: 5%;
background-color: #E6E6FA;
}#menu13
{
height: 5%;
background-color: #E0EEEE;
}#menu14
{
height: 5%;
background-color: #DEDEDE;
}#menu15
{
height: 5%;
background-color: #DC143C;
}#menu16
{
height: 5%;
background-color: #DA70D6;
}#menu17
{
height: 5%;
background-color: #D4D4D4;
}#menu18
{
height: 5%;
background-color: #D1EEEE;
}#menu19
{
height: 5%;
background-color: #CFCFCF;
}#menu20
{
height: 5%;
background-color: #CDC9C9;
}


  • 神亦有格
  • 初级开发
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
为什么黑色的块我会上浮到那里?
代码里应该在最下面啊
大神来给看一下呗


  • 手杀大将军
  • 初级开发
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
上截图


  • 决定就是你辣
  • 初级开发
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
clear:both


2026-01-21 17:47:17
广告
不感兴趣
开通SVIP免广告
  • 神亦有格
  • 初级开发
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼





  • 手杀大将军
  • 初级开发
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
对menu 和content外加一div,给这个div清浮动


  • 那些_不懂
  • 神级码工
    8
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
为啥这么多id选择器,id选择器不是最好只用一个么


登录百度账号

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频!
  • 贴吧页面意见反馈
  • 违规贴吧举报反馈通道
  • 贴吧违规信息处理公示
  • 16回复贴,共1页
<<返回web前端开发吧
分享到:
©2026 Baidu贴吧协议|隐私政策|吧主制度|意见反馈|网络谣言警示