投稿
  1. 首页
  2. 随笔

用html5开发手机网站，div的高度与宽度比例怎么来设定

安卓应用商店 • 2023-3-17 • 随笔 • 阅读 40

用html5开发手机网站，div的高度与宽度比例怎么来设定,第1张

div的100%是从其上一级div的宽高继承来的，有一点很关键，就是要设置div100%显示，必须设置其上一级div的宽度或高度，否则无效。举例说明：父div(deman)宽300高200，子div(cc)如果在这个条件下设置divcc的宽高都为100%的话，那cc的确切大小就是父div的大小(宽300高200)，在尝试中你会发现，div显示会受自身和其上一级div的padding和margin影响，而其实际宽高不受影响。

你可以用CSS来设定，DIV为块级元素。例如：

<!doctype html>

<html>

<head>

<meta charset="utf-8' />

<title>设置DIV的固定大小</title>

<!--一下代码是设置DIV固定大小的(宽度：100像素；高度：60像素)-->

<style type="text/css">

    #div {width:100pxheight:60pxborder:1px solid #f00}

</style>

</head>

<body>

<div id="div"></div>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/6167871.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
安卓应用商店 安卓应用商店 一级用户组
0 0
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表（0条）

保存