Maison >interface Web >tutoriel HTML >div的宽度和高度的固定_html/css_WEB-ITnose
div的宽度和高度的固定_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 11:31:241414parcourir
固定一列的宽度或者高度:
建议:尽可能的手写代码，可以有效的提高学习效率和深度。
在实际使用中往往需要给一个块设定固定的宽度或者高度，这一使用比较简单基础。
首先我们在文档中建立一个class名称为mytest的div，然后通过内联样式表设置div的宽度和高度。为了便于查看效果，div的background-color值设置为green。下面给出完整代码:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">.mytest { background-color:green; width:200px; height:200px;}</style></head><body><div class="mytest"> </div></body></html> 以上代码将div的高度和宽度分别固定为200px。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=4772
更多内容可以参阅:http://www.softwhy.com/divcss/
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：记录几个设计参考模板_html/css_WEB-ITnoseArticle suivant：如何在导航栏添加hot样式图片_html/css_WEB-ITnose