css注意事项05
来源：互联网 发布：四维数据能分辨男女吗 编辑：程序博客网 时间：2024/06/09 15:35
如何设置一个盒子模型div里面的内容随着浏览器的屏幕的大小变化而变化盒子div里面的内容，例如div里面是一张图片img。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="css/zhuti01.css" />
<link rel="alternate stylesheet" type="text/css" href="css/zhuti02.css" title="zhuti02" />
<title></title>
<style type="text/css">
@import url("css/import01.css") screen;
.bg-photo {
position: relative;//这里一定要设置成relative，是相对于原来的static的样式，然后设置左右margin
width: 90%;
margin-left: auto;
margin-right: auto;
}
.bg-photo img {//由于img是可替换的行内元素，所以就这是成100%占用父级别空间，如果是另外一个div的话，就设置relative
width: 100%;
}
</style>
</head>
<body>
<div class="bg-photo">
<img src="http://localhost:8020/demo01/img/nemo.jpg">
</div>
</body>
</html>
0 0
- css注意事项05
- CSS注意事项
- CSS注意事项
- CSS 注意事项
- CSS 注意事项
- CSS 注意事项
- css注意事项
- [CSS] CSS注意事项
- CSS使用注意事项
- div css 布局注意事项
- CSS学习注意事项
- HTNL+CSS注意事项
- CSS div布局注意事项
- CSS代码书写注意事项
- css 的注意事项
- CSS注意事项（1）
- CSS+DIV布局注意事项
- html+css注意事项
- 基础笔试编程题（jz）
- 总结下Intent可以打开的系统项
- Eclipse新建maven web项目
- 开启tomcat远程debug
- hive 查看某表字段类型
- css注意事项05
- React Native之FlexBox介绍与使用
- 解决动静分离架构后台重定向页面问题
- vs2010 编译出现Error LNK1123：转换到 COFF 期间失败: 文件无效或损坏问题
- linux下安装RabbitMQ消息机制
- Java语言如何进行异常处理，关键字：throws、throw、try、catch、finally分别代表什么意义？在try块中可以抛出异常吗？
- JPA EntityManager详解
- 关于应用宝劫持的技术分析
- android动态换肤
