css布局之图片被拉伸问题
2015-06-14 20:48
786 查看
<!doctype html> <html> <head> <meta charset="utf-8"> <style> div {position:relative; width:800px; height:280px;} li{ position: absolute; left:0; right: 0;} </style> </head> <body> <div> <li> <a href="#"><img src="1.jpg" width="100%" height ="100%"></a> </li> </div> <body> </html>
jpg文件原始大小600*280,上述程序在窗口下图片大小大约为800*400,原因:left:0; right: 0;强制放大了。
相关文章推荐
- CSS小知识---回到顶部
- 关于css中两层div的水平垂直居中问题
- CSS3知识点
- CSS入门教程——定位(positon)
- 什么是CSS清除浮动?
- CSS清除浮动_清除float浮动
- 你所不知的 CSS ::before 和 ::after 伪元素用法
- background:-webkit-gradient()背景渐变属性
- CSS控制print打印样式
- css3 盒模型
- css 动画效果
- CSS多行文本固定高度的居中
- CSS强制换行和禁止换行代码
- CSS跑马灯
- div边框弧形设计,radius的用法,CSS3 border-radius 属性
- ExtJS控件样式的修改(示例无边框panel)
- css 动画效果1
- 纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等)
- CSS盒子模型
- Material Design:利用RecyclerView CardView实现新闻卡片样式