百分比来布局div的宽度和高度技巧

2019-10-05 郑州网站建设  

使用百分数,百分迩来机关div的宽度与高度才智。DIV的宽度以百分比%值来作为构造的宽、高的值。

实践实例说明:

1、设定页面的后盾、翰墨、边框等

2、对一个DIV(父级)配置静止宽和高

3、在此DIV放入子DIV,宽度高度使用百分值来,窥察这个百分比值的应用。

代码:

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>百分数</title> <style type="text/css"> body { background:#000; font: normal 14px; margin: 0; padding: 0;} /*设定页面的背景、笔墨、边框等*/ div{ bac千克round:#fff; width:450px; height:180px; margin:0 auto; padding:10px; border:4px solid #090;} div .text{ width:60%; height:60%;}/*名称为text的DIV的高度和宽度均为父DIV的60%*/ </style>

</head> <body> <div> <div class="text">此div设置装备摆设class=text ,值60%宽和高</div> </div>

</body> </html>


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/seo/3157.html转载请标明出处,谢谢合作!
标签:
  • 技巧
  • 布局
  • 高度
  • 宽度
  • 百分
  • DIV
  • 比来