html宽度设置100%后浏览器里怎么只有一半

html宽度设置100%后浏览器里怎么只有一半,第1张

html宽度设置100%后浏览器里只有一半,以以下代码为例

检测一下body的css里面是否定义了宽度

另外,也可以给body一个属性width:1200%;

<head>

<meta

http-equiv="Content-Type"

content="text/html

charset=utf-8"

/>

<title>无标题文档</title>

<style

type="text/css">

<!--

body{

padding:0px

margin:0px}

.top{

width:100%

height:80px

border:1px

#000

solid

margin:0px

auto

display:block}

.top1{

width:1200px

height:80px}

-->

</style>

</head>

<body>

<div

class="top">

<div

class="top1"></div>

</div>

</body>

</html>

body没设置宽度吧

使用100%是要继承父级的    如果父级没有不会生效的

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

*{

margin: 0

padding: 0

}

body{

width: 100%

}

.div{

width: 100%

height: 500px

border: 1px solid green

}

</style>

</head>

<body>

<div class="div">

</div>

</body>

</html>

在视频的HTML代码中,就可以修改视频显示的宽、高。如果你要设置成高度是宽度的一半,这个是无法判断的,因为100%这个数值是随着浏览器的宽度改变的。

如果是这样的话,那么就就只能是设置一个视频的最外围DIV来控制最宽是多宽,然后height属性设置一个相应的数值就可以了,宽度随浏览器改变,可高度又不随浏览器改变,所以只能设置数值。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7186505.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存