html如何让图片溢出header

1、可以使用一段js来解决window.onload=function(){//获取图片元素varimgs=document.getElementsByTagName("img")。

2、获取div元素varcontentLeft=document.getElementById("col-md-7")。//使用js设置图片元素宽度的变化。

意思：HTML溢出；

HTML缩写：超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言(markuplanguage)，是网页制作所必备的。

overflow

英[ˌəʊvəˈfləʊ]  美[ˌoʊvərˈfloʊ]

vt.&vi.

溢出，淹没挤满，充满洋溢资源过剩

n.

泛滥，溢出物溢流管充溢，过多超出额

vi.

泛滥，溢出充溢

adj.

溢出的，满出的

扩展资料：

定义和用法

overflow属性规定如何处理如何处理不符合元素框的内容。

语法：

Object.style.overflow=visible|hidden|scroll|auto

可能的值

值描述

visible内容不会被修剪，会呈现在元素框之外。

hidden内容会被修剪，但是浏览器不会显示供查看内容的滚动条。

scroll内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。

auto由浏览器决定如何显示。如果需要，则显示滚动条。

实例

本例使用overflow来显示溢出元素框的内容：

&lthtml&gt

&lthead&gt

&ltstyletype="text/css"&gt

div

{

border:thinsolidgreen

width:100px

height:100px

}

&lt/style&gt

&ltscripttype="text/javascript"&gt

functionhideOverflow()

{

document.getElementById("div1").style.overflow="hidden"

}

&lt/script&gt

&lt/head&gt

&ltbody&gt

&ltdivid="div1"&gt

Thisissometext.Thisissometext.Thisissometext.

Thisissometext.Thisissometext.Thisissometext.

Thisissometext.Thisissometext.Thisissometext.

&lt/div&gt

&ltbr/&gt

&ltinputtype="button"onclick="hideOverflow()"

value="Hideoverflow"/&gt

&lt/body&gt

&lt/html&gt

只有在你<div class="wz11" style="overflow:hidden" >这个设定高度的情况下，overflow才能起作用

修改为<div class="wz11" style="overflow:hiddenheight:500px" >后再试试，高度你自己调

想超出你的高度隐藏就用overflow：hidden；

想超出你的高度后出现滚动条就用overflow：auto；

---