问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

div+css 请帮忙调整下

发布网友 发布时间:2022-04-21 02:24

我来回答

3个回答

热心网友 时间:2022-04-21 03:54

body的外边距所致,在css代码中加入以下代码即可:

html, body {

 margin:0;

原来你是这个意思,这样写当然不会平分,因为你 menu2-menu5 都是在 menu 这个 div 中,这样写是宽度占到 menu 的 20%,而不是页面的,所以要把 menu2-menu5 的 width 都改为 25%,也就是各占 menu 这个 div 的 1/4 

同理,下面的 content 应该占到 main 的 80%

另外,footer应该加一个 clear:both; 来清除浮动,否则在 ff 下显示有问题

最终 css:

#header{

 background-color:#ff00ff;

 height:250px;

 width:100%;

}

#menu{

 height:100px;

 width:80%;

 float:right;

}

#menu1{

 background-color:#ff3333;

 height:100px;

 width:20%;

 float:left;

}

#menu2{

 width:25%;

 height:100px;

 background-color:#cc99ff;

 float:left;

 

}

#menu3{

 background-color:#cc0000;

 height:100px;

 width:25%;

 float:left;

}

#menu4{

 background-color:#0066cc;

 height:100px;

 width:25%;

 float:left;

}

#menu5{

 background-color:#ccff99;

 height:100px;

 width:25%;

 float:right;

}

 

#leftbar{

 background-color:#cccc00;

 height:300px;

 width:20%;

 float:left;

}

#main{

 height:300px;

 width:80%;

 float:right;

 overflow:hidden;

 

}

#infobar{

 background-color:#cc3300;

 height:300px;

 width:20%;

 float:left;

}

#content{

 background-color:#00ff00;

 height:300px;

 width:80%;

 float:right;

}

#footer{

 background-color:#ff0000;

 height:50px;

 width:100%;

 clear:both;

}

热心网友 时间:2022-04-21 05:12

infobar与content写在同一个div中,那么20%代表的是main这个div中的20%.换为40%就没有空白了,其他的同理 。下面是改后效果图

热心网友 时间:2022-04-21 06:46

加上CSS代码:* { padding:0px;
magin:0px;}

#footer { clear:both;}
css怎么自动调整div的位置和大小

1、先新建一个html文件,并在head中添加样式表【styletype="text/css">/style>】。2、在body中添加一个DIV,并引入一个CSS,命名为【aaa】。3、给这个DIV添加背景色,并定义它的宽和高。【background:#FA2;width:400px;height:600px;】。4、然后添加如下代码。【position:fixed;left:50%;top:...

css怎么调整div的位置

可以使用css中的position来对div进行定位来改变div的位置,position属性值的含义:static:元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。relative:元素框偏移某个距离。元素仍保持其未定位前的形状,它原本所占的空间仍保留。absolute:...

求熟悉DIV+CSS高手帮忙修改下网页栏目背景和边框

百度HI交谈,或者你把站点地址补充一下!晕死~你站点有什么东西这么占资源呀~一开就当浏览器~你把CSS样式贴给我看把!.boxleft { margin-left:5px;border-bottom:1px dashed #8FC31F;width:200px;height:20px;padding-top:8px;padding-left:12px;font-size:14px;font-weight:bold;color:#055d...

用css怎么设置div滚动条的样式,可改变大小的

1.首先新建html文档,进入代码书写界面。2.在</head>和<body>的里面写入代码,在<div>里面写入想要输入的内容</div>。3.书写外层轨道css代码。body::-webkit-scrollbar { width:20px; height:2px; background:#ccc; border-radius:10px;/*外层轨道*/} 这里主要是设置外层轨道的形状和颜色。4....

DIV+CSS布局下,怎样解决对不同解析度的适应问题

div+css解析度问题 你好,请贴出程式码或者直接PM我 帮忙解决一下div+css布局问题 .tab2 ul{ list-style:none; padding:0px; margin:20px 0px; } .tab2 li{ overflow:hidden; display:inline; float:left; width:80px; 这个地方最好不要用%,设定一个具体的宽度 } 变形也可能是因为相容性的问题。 Androi...

急!请高手改div+css代码,解决后一定再加分

你表述的太乱了,不明白你说什么,如果你只是想大框架跟图片一样宽,那就不要设置宽度跟高度,你有多少图片,大框架就跟着这些图片去扩大宽度跟高度~~如果你想把这几张图固定在右下角~~那只能用绝对定位,position:absolute;bottom:0px;right:0px;其他的搞不懂你什么意思,帮不了你 ...

css如何设置div边框css设置div边框颜色

仅显示下边框 显示如下:如果只想显示右边框,只需将border-width属性更改为01px00。html中边框怎么设置位置?1、html中调整位置使用css的float属性。详细用法首先在html文件中新建两个p容器,用来方便演示效果,容器中都加入h2标签,设置不同文字便于区分:2、p标签给它在style标签设置class属性的样式,给...

divcss圆角边框怎么设置

css .myDiv { border: 2px solid #333; /* 设置边框宽度、样式和颜色 */ border-radius: 10px; /* 设置边框圆角程度 */ } 以上代码会给class为myDiv的div元素设置一个10像素圆角的边框。你可以根据需要调整这些值。同时,你也可以为每个角分别设置不同的圆角程度,比如只让左上角和右下角有...

div+css布局错乱问题解决方法

div是一种分块机制,这就要求在设计页面时要弄清各块之间级联关系 这个问题需要把left和right再使用一个div包含起来,直接上代码啦,下边就可以实现你要求的布局。foot总在下边,并能随着left,right的高度改变自动调整。<div id="box"> <div id="content"> <div id="left">这里是页面的左部分...

css如何让div页面居中css怎样让div居中

CSS实现div垂直居中的方法有很多。下面这些使div居中的方法在编写网页时经常用到,最常见的例子就是登录注册弹出框。方法一:使用绝对布局位置:absolutefordiv并设置top、left、right、bottom的值相等,但不一定都等于0;并设置边距:自动。方法二:这个方法需要知道div的宽度和高度。使用绝对布局位置:绝对用于...

div css是什么 css div居中 css div布局的基本步骤 如何调整div的位置 调整div位置 div距离自动调整 divcss布局模板 css+div布局 div和css布局怎么布局
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
5320xm充电问题 5320xm首次充电问题 关于5320XM的充电问题 DNF手游体验服资格怎么得到_DNF手游体验服资格获取途径一览 dnf手游体验服资格怎么获得介绍_dnf手游体验服资格怎么获得是什么 《文明6》好战怎么消除?介绍_《文明6》好战怎么消除?是什么 从西安到安康坐大巴需要健康码吗? 影院老板为什么会砸《花木兰》宣传板? 影院老板怒砸刘亦菲海报,原因可以理解,但刘亦菲实惨 有部电影是 她看到以前打掉的孩子来找她~!是什么电影了?鬼片的 弱电工程共有那些验收标准 我昨天梦到我去世的爷爷,让我到他坟上捡铜钱是什么意思,而且我捡了九个 摩托车没年检美团保险能陪吗 WENGER包到底哪里生产的,我怎么看像是MADE IN CHINA呢? 摩托车自燃 该谁负责. 还在保修期内。 我的摩托车自燃了,请问厂家我们找谁赔偿? 我买了强险的摩托车在路边放着就着火了,保险公司会赔偿吗? ※是什么意思,是一种运算符号吗? ※是什么意思?数学题上有啊!!! ※这个符号在数学中表示什么意思?? ※在数学符号里是什么意思? ※是什么数学符号 ※在数学题里是什么意思 ※这个符号在数学里表示什么 ※ 这个在数学中是什么 ※数学中代表什么意思? ※在数学中代表什么意思?? 数学符号“※”是什么意思? ※在数学中什么意思? ※在数学中代表什么意思? 手机如何制作一寸照片 学前教育科学研究应遵循哪些,基本原则 科研工作者应遵循的基本原则是 科研评价应遵循什么基本原则 适合天蝎座小女生的名字 在11月14号出生的女孩,天蝎座的,取什么名字好 天蝎座女孩取名字姓袁4个字的 我是天蝎座的女生,想取个好听的英文名,名字琪琪,有谐音的最好,帮帮忙!! 给天蝎座的女孩取个什么名字好呢? 天蝎座女孩的英文名字,野性或沉着一点的 在11月9日出生的女孩,天蝎座的,取什么名字好 天秤天蝎座的女孩起什么名字? VGA接口和HDMI接口可以同时输出吗? 怎么做红灯笼 VGA接口和HDMI接口可以同时输出吗 红灯笼怎么做 hdmi和vga同时输出可以吗 请问 笔记本可以同时VGA跟HDMI输出吗? VGA和HDMI同时输出 excel快捷键CTRL+A以实例讲解