<div style="width:100%">是啥意思?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了<div style="width:100%">是啥意思?相关的知识,希望对你有一定的参考价值。

表示让这个DIV的宽度为百分之百显示,这取决于父级的宽度,如果父级为body那么这个div就是跟浏览器的宽度相同,如果父级为其他的DIV并且父级DIV有宽度,比如父级的DIV是500PX,那这时的div宽度就是500。
style是样式表的意思,里面的width是宽度,宽度可以使用百分比,也可以用PX(像素)来表示。
参考技术A 直接在标签内应用CSS样式 ,那是宽度100%本回答被提问者采纳 参考技术B <div
style="text-align:center;width:300px;">
就是把这句话给str
由于双引号会被str误解,加上\是让str不认为结束,而是一个字符。
直到没有\的双引号结束。

如何让一个DIV最大化占据整个页面,请大家帮忙

参考技术A <body>
<script>
function getwihei()
var wi=window.screen.width;
var hi=window.screen.height;
document.getElementById("testdiv").style.width=wi+"px";
document.getElementById("testdiv").style.height=hi+"px";

window.onload=getwihei;
</script>
<div id="testdiv" style="background:#0C0;">
</div>
</body>
这里的testdiv会占满整个屏幕。
参考技术B 给这个div 设置高度和宽度的时候设置高度和宽度都是100%就可以了

.divwidth:100%;height: 100%;
这样他就占据他的父级标签的全部。
<style>
.fa_divwidth:1000px;;height:700px;background-color: yellow
.boxwidth:80%;;height:80%;margin: 10%;background-color: blue;
</style>

<div class="fa_div">
<div class="box"></div>
</div>

你试试这个效果就明白了本回答被提问者和网友采纳

以上是关于<div style="width:100%">是啥意思?的主要内容,如果未能解决你的问题,请参考以下文章

如何将几个div实现在同一位置做图片轮播

echart 地图显示不全,求教大神

div标签怎么设置div的宽度

如何让这个div随屏幕的大小而自适应

jQuery获取HTML元素“div”的宽度:$("div").width()

HTML中的div三行三列代码,非CSS