当前位置:首页 » 网页前端 » 前端宽的代码
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端宽的代码

发布时间: 2022-12-19 03:21:48

㈠ CSS控制DIV宽度代码:

<div
class="main"><div
class="left"></div><div
class="center"></div><div
class="right"></div><div
class="cle"></div></div><style
type="text/css">.main
{width:1000px;margin:0
auto;}.left
{width:245px;float:left;}.center
{width:435px;float:left;margin-left:10px;}.right
{width:300px;float:right;}.cle
{height:0;clear:both;}</style> 正常情况中间是要定宽度的,特殊手段还是做到不定宽度的,注意:center、left和right的总宽度+他们的margin不能大于main的宽度。

㈡ 宽度满屏的代码怎样写

你的问题和这个大同小异,不知道你看得懂下面代码不。一般来说设置成100%就可以了,我不知道你是不是有其他样式限制了这个宽度,这个最好检查下

近日做项目中用到页面中嵌套iframe,想要实现自适应大小,并且在IE中按F11键全屏时也可以自适应大小。

在网上搜来的代码多数只适应页面中只有单个iframe情况,但笔者页面还有一个logo图片。

经反复实现,如下代码可实现:

<html>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<title>iframe全屏测试</title>
<mce:style>
</mce:style><stylemce_bogus="1">body{margin:0px;}
iframe{border:0px;}</style>
</head>
<mce:scripttype="text/javascript">
</mce:script>
<bodyscroll="no">
<imgborder="0"width="100%"height="84"src="./images/logo.png"mce_src="images/logo.png">
<iframeid="frame3d"name="frame3d"frameborder="0"width="100%"scrolling="auto"
style="margin-top:-4px;"onload="this.style.height=document.body.clientHeight-84"
height="100%"src="./map.jsp"mce_src="map.jsp"></iframe>
</body>
</html>

1、页面加载实现:iframe的onload事件,之所以减去84,是logo图片的高度,把这个位置给让出来。

2、全屏实现:window.onresize事件

document.getElementById('frame3d').style.height = document.body.clientHeight - 84+"px";

㈢ web前端怎么让div大小刚好和图片一样大

在前端开发过程中,我们经常会遇到盒子大小跟图片尺寸不匹配的情况,我们通常会通过以下几种方式来解决。
1.通过采用裁剪图片,根据div盒子设置的宽、高,来更改裁剪图片的尺寸,使图片适配div盒子。
2.设置div的具体宽高,图片宽高分别设置为100%,代码具体如下width:100%;height:100%。这种方式,也可以将图片大小填充满盒子。
3.如果图片是网页背景图片,还可以通过设置div盒子内属性background-size为cover,这种方式也可使图片充满盒子。
我们在实际运用中,可以根据不同情况来选择不同图片调整方式。

㈣ 前端JS的问题,如图设置图片宽100%,为什么下面会多出一截

你需要在 img 标签的上一级标签设置 css line-height: 0,或者把 img 变成 block 元素

㈤ 网页设计代码中的长宽怎么表示height表示宽还是高

写在HTML页面中的是 width="100",height="100"不用带PX单位

写在CSS里面的高和款是 width:100px; height:100px;

㈥ 如何把web前端网页做成自适应

1.首先,在网页代码的头部,加入一行viewport元标签。
viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。
所有主流浏览器都支持这个设置,包括IE9,对于那些老式浏览器(主要是IE6、7、8),需要使用css3-mediaqueries.js。
2、不使用绝对宽度由于网页会根据屏幕宽度调整布局,所以不能使用绝对宽度的布局,也不能使用具有绝对宽度的元素。这一条非常重要。具体说,CSS代码不能指定像素宽度:width:xxx px;
只能指定百分比宽度:width: xx%;或者width:auto;
3、相对大小的字体
字体也不能使用绝对大小(px),而只能使用相对大小(em)。
body {
font: normal 100% Helvetica, Arial, sans-serif;
}
上面的代码指定,字体大小是页面默认大小的100%,即16像素。
h1 {
font-size: 1.5em;
}
然后,h1的大小是默认大小的1.5倍,即24像素(24/16=1.5)。
small {
font-size: 0.875em;
}
small元素的大小是默认大小的0.875倍,即14像素(14/16=0.875)。

㈦ CSS如何怎么设置div边框颜色宽度和高度

1.首先,您需要创建一个div,对div进行添加一个class。我们利用CSS通过class来设置div的边框。