本文重点解决css的盒子模型问题,希望能够帮助到你
width和height是指content内容的宽高
当width的值小于min-width时，则宽度为min-width
当width的值大于max-width时，则宽度为max-width
min-width和max-width存在兼容性问题，在IE6以下不支持
哪些元素可以设置宽高属性
块级元素
<p>、<div> 、 <h1> ~ <h6> 、<ul> 、<li> 、<ol>、<dl> 、<dt> 、<dd>等
替换元素
<img>、<input>、<textarea>等
如果图片既通过width来设置宽度，又通过css样式来设置宽度，最终宽度为css样式中设置的宽度
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> /*实际尺寸为200px*/ img{width:200px;} </style> </head> <body> <img src="cat.jpg" alt="cat" width="100px"> </body> </html>
本网刊登的文章均仅代表作者个人观点，并不代表本网立场。文中的论述和观点，敬请读者注意判断。
微信扫一扫打赏
支付宝扫一扫打赏
扫码加微信好友
© 2002-2022 星联科技(xinglianwangluo.com) 版权所有，并保留所有权利 老妖怪 蜀ICP备2024091751号-1
四川省广元市利州区
川公网安备 51080202000147号
