手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >如何处理div+css布局左右浮动问题
如何处理div+css布局左右浮动问题
摘要:上次分享了《DIV+CSS网页设计制作页面布局技巧分享!》,相信我们对网页布局技巧方面已经有所了解,其实在我们进行div+css网页布局时,...

  上次分享了《DIV+CSS网页设计制作页面布局技巧分享!》,相信我们对网页布局技巧方面已经有所了解,其实在我们进行div+css网页布局时,还会出现css布局左右出现浮动的问题。这里就在分享下如何处理div+css布局左右浮动问题。
先看以下代码片段:
css代码:
#left{ float:left;width:200px;}
#right{ float:right;width:800px;}
页面代码:
<body>
<div id="content">
<div id="left">左边一栏</div>
<div id="right">右边一栏</div>
</div>
</body>
这是我们css书写使用最常用的代码来进行左右布局。css的书写还有其它的方式,如左侧固定好宽度右侧自动适应。
左侧固定好宽度右侧自动适应css代码:
#left{float:left; width:200px;}
#right{margin-left:200px;}
上面css的书写是最标准的css的书写,如果在以上的基础上书写的css代码而出现了左右浮动的现象,那就需要检查左右侧里面的代码是否书写规范,</div>此div结尾代码是否多写或少写而导致的。我们只需要注意以上情况,基本就可以解决好div+css布局左右浮动问题了。转载请注明:http://www.ommclean.com

【如何处理div+css布局左右浮动问题】相关文章:

如何在网页中插入CSS样式表

学习css网页布局口诀

使用Div+CSS布局设计网站的优点

邮箱css加载失败怎么办

div+css网页布局时不能滥用div元素

DIV+CSS垂直居中一个浮动元素

响应式布局该怎么设计

如何实现条状图表形式

CSS布局入门

CSS布局——左定宽度右自适应宽度并且等高布局

精品推荐
分类导航