初学者写个DIV+CSS还是仿照书上写得 ；结果左右布局右边总是在左边下方
<!--html代码--><html><head><title></title><linkrel=stylesheethref="web1.css"type="text/...
<!--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%;}<!--附带图片是我的运行图，大哥们救救孩子吧，实在懵逼-->
展开
2个回答
展开全部
div本来就是个块级元素，也就是说左边的“侧边栏”它要独占一行，那么右边的“主体内容”肯定就被挤到下一行去啦。解决办法很多，下面是一种：
#Sidebar {float:left; width:40%; margin:10px; background:green; height:90%}
#Mainbody {float:right; width:50%; margin:10px; height:90%; background:aqua}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
