前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

css width之百分比自适应宽度(自适应宽度用到的css属性)

设置对象宽度以百分比计算,随外级对象宽度变化而自适应按百分比显示宽度,接下来为大家案例演示百分比宽度样式。

假如设置一个css宽度为80%,为了观察效果设置css border为黑色实线边框,css高度为100px,对象css命名为“.thinkcss”

Css代码如下

.thinkcss{margin:0 auto;width:80%;height:150px;border:1px solid #000}

/* css注释: 设置css margin:0 auto是为了让此对象居中 */

Html代码如下

<div class="thinkcss">我宽度为百分比80%,高度为150px 1px黑色边框</div>

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言