繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS布局:居左之后居右是100%宽度显示问题
- CSS样式表
- Flash页面如何通过校验
- 静态页面加密
- 如何禁止打印页面
- 比较不错的打印效果 css
- !important在ie7.0的hack方法
- 最基本的几种 CSS 文字滤镜效果
- HTML中的图象标签属性
- marquee的详细用法解析
- 使用#default#userdata组件实现的可记忆内容的编辑器
- li的简单应用(将前面的点换成图标)
- windows的listview一样,而且不能把表头从表格里面独立出来
- 一些不标准的东西，不过还是有点用处
- 用js控制css的不错的方法
- CSS解决未知高度垂直居中
- 在线ASC码查询
- 关于CSS：优先级
- 文字或图片元素在DIV中垂直居中
- Mozilla建议的CSS书写顺序
- 微软终于对网页三剑客下手了
- div＋css布局入门
CSS样式表 中的 CSS布局:居左之后居右是100%宽度显示问题
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 170 ::
收藏到网摘: n/a
下面这段代码是个常见的问题，解决的办法也有多个，最近发现一种放，放上来和大家讨论一下：
问题代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<style type="text/css" media="screen">
<!--
#content { overflow: hidden; zoom: 1; }
#left { float: left; width: 200px; }
#right { background: #FFC8D0; }
-->
</style>
</head>
<body>
<div id="content">
<div id="left">
left - ruanchen.com
</div>
<div id="right">
right - ruanchen.com
</div>
</div>
</body>
</html>
解决后CSS：
#content { overflow: hidden; zoom: 1; }
#left { float: left; width: 200px; }
#right { background: #FFC8D0;overflow: hidden; zoom: 1; }
查看运行效果：
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
评论 (0) All
