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的宽度和高度。使用绝对布局位置:绝对用于...