初学者写个DIV+CSS还是仿照书上写得 ;结果左右布局右边总是在左边下方

<!--html代码--><html> <head> <title></title> <link rel=stylesheet href="web1.css" type="text/css"> </head> <body> <div id="Container">页面层容器 <div id="Header">页面头部</div> <div id="Pagebody">页面主体 <div id="Sidebar">侧边栏</div> <div id="Mainbody">主体内容</div> </div> <div id="Footer">页面底部</div> </div> </body></html><!--css文件-->body{font:12px Tahoma;margin: 0px;text-align: center;background: aliceblue}#Container{width:100%;margin:0 auto} #Header{height:100px;margin:0 auto;background-image: url("322355.jpg");width:80%} #Pagebody{width:80%;height:60%;margin: 0 auto;background: blue} #Sidebar{width:40%;margin:10px;background: green;height:90%} #Mainbody{width: 50%;margin:0 auto;height:90%;background: aqua} #Footer{height:50px;background-color: brown;margin: 0 auto;width:80%;}<!--附带图片是我的运行图,大哥们救救孩子吧,实在懵逼-->

div本来就是个块级元素,也就是说左边的“侧边栏”它要独占一行,那么右边的“主体内容”肯定就被挤到下一行去啦。解决办法很多,下面是一种:

#Sidebar {float:left; width:40%; margin:10px; background:green; height:90%} 
#Mainbody {float:right; width:50%; margin:10px; height:90%; background:aqua}

温馨提示:内容为网友见解,仅供参考
第1个回答  2018-09-10
审查元素看下就好了

DIV+CSS左中右布局使用float右边总是掉下去了求修正 代码
css 错误,你对宽度相加理解不够全面。三个div的总宽度为100%;页面总宽度100%应该包括边框的宽度,但是你给id为main的div了边框,导致三个div加上边框的宽度超出了页面总宽度的100%。解决办法,去掉id为main的边框或者设置为0,或者修改三个div的宽度,最终使三个div的宽度加上所有的边框宽度的总值为...

本人想学习div+css但是又不知道如何下手,希望有高手能指点迷经...
如果是做页面布局,可以用DIV+CSS,如果仅仅是写表格,建议你不要用DIV+CSS来写,会烦死的...

CSS+DIV左中右布局时,右边老是掉下去,请帮忙在我的代码上修改!谢谢!
你总共只有700的宽,4个等分的话1个是175,这里padding去了20就不对了

CSS+DIV怎么不叫它位置乱跑
与里边一个大的DIV块合用,就可以实在如果页面内容是定宽的,那么在IE和FIREFOX等浏览器中内容总在网页的中间,主要是为了解决IE和FIREFOX中的差别,这里把文字弄成居中,然后我们再在BODY中加一个大的DIV块,把这个DIV的块写成文字左对齐, *\/

div+css里的清除和浮动是什么意思?
回答:浮动和清除浮动一般用在DIV+CSS布局时,通常情况下使用DIV+CSS布局,文档中的对象都是从上自下依次排列,比如你写<div id="a"><\/div><div id="b"><\/div>那么默认情况下id为b 的div 排在 a的下方,我们称这种布局为标准流,设置浮动后对象就脱离了标准流,就像水面上的漂浮物一样,不再...

DIV+CSS有什么优点?
1、能够使代码精简,使用div+css布局使代码很是精简,css文件可以在网站的任意一个页面进行调用,避免了使用table表格修改部分页面。2、提升了网页访问速度,div+css布局较传统的Table布局比较,减少了许多代码,其浏览访问速度自然得以提升,从而提升了网站的用户体验度。3、有利于优化。采用div-css布局的...

现在的网页布局方式趋向div+css还是表格,它们之间的优势又是什么呢
当然是div+css. 表格现在只能做为辅助. DIV+CSS的优与弊随着WEB2.0标准化设计理念的普及,国内很多大型门户网站已经纷纷采用DIV+CSS制作方法,而从实际应用情况来看,此种方法绝对好于表格制作页面的方法。具体优势体现在如下方面: 1、使页面载入得更快 由于将大部分页面代码写在了CSS当中,使得页面...

css+div布局,左右两个div怎么能自动适应高度
可以通过js实现两个div自适应同等高度,如下:先设置div+css 基本布局:<div id="mm"> <div id="mm1">左边<\/div> <div id="mm2">右边<\/div> <\/div> js 实现 div 自适应高度 代码如下:<script type="text\/javascript"> <!-- window.onload=window.onresize=funct { if document.get...

div+css如何做页面的一行两列布局
我现在做了个页面,有三个版块,打算把其中两个版块竖直排列放在页面的左边,第三个版块紧挨着这两个版块放在右边,也就是实现一行两列的那种样式,可是我怎么做都排不成,下面是我写的代码: .center_tdbgall { background:#ffffff; width:900px; } .middle40... 展开 mhx...

网页设计中采用div+css布局,这里的DIV是什么意思?
第三、相容性卓越 DIV+CSS布局符合web标准规范,几乎所有的浏览器上都可以使用,不会因为在不同的浏览器中显示效果差距很大。 第四、缩短网站改版时间 因为网站的布局都是通过外部的css档案来控制,只要简单的修改几个CSS档案就可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将...

相似回答