在div中包含一个网页
<!DOCTYPE html>
<html>
<head>
<title>在div中包含一个网页</title>
<style>
.container { width: 90%; margin: 0 auto;}.div1 { width: 100%; height: 100%; background-color: #f1f1f1;}.div2 { width: 100%; height: 500px; background-color: #ccc; margin-top: 20px;}.div3 { width: 100%; height: 500px; background-color: #ccc; margin-top: 20px;}</style>
</head>
<body>
<div class="container"> <div class="div1"></div> <div class="div2"></div> <div class="div3"></div></div></body>
</html>
<script>
// 在这里写JavaScript代码</script>
这个代码会在一个页面中展示3个div，其中div1和div3是灰色背景的，并且页面会展示一个网页。这个网页中包含div1、div2和div3。你可以将<script>标签中的JavaScript代码插入到<body>标签中，以便在页面加载后执行。
相关·内容
1回答
如何将一个div拖到另一个div的位置？
javascript、jquery、html、css
我刚开始使用html和jquery.我想在另一个下面创建3div，比如div1，div2和on...and，div应该是可拖的，现在我想把div1拖到div3..now的位置，顺序应该是div3，div1，div2，...how，我能这样做吗？
请帮帮我..。
<html>
<head>
<title>My First Template </title>
<style type="text/css">
html {
background: url(Softwa
浏览 1提问于2014-08-26得票数 0
回答已采纳
4回答
使用jquery将Fadein、Fadeout事件合并起来
jquery、html、css
我希望淡入淡出事件为所有的div分别工作，但当我的鼠标进入第一个div，它影响所有其他div.If，我不分别定义演示和demo1功能，然后它的工作良好，否则它的工作像这样，我不知道是怎么回事？
<html>
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
</head>
<body>
<
浏览 2提问于2016-06-17得票数 1
回答已采纳
如何将图像叠加到面板的一个选项卡上，但直到单击事件发生时才会滑出？我从网上抓取了这段代码，但我不知道如何修改我需要做的事情。
HTML & JQUERY
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmln`enter code here`s="http://www.w3.org/1999/xhtml">
<he
浏览 2提问于2012-02-17得票数 0
回答已采纳
1回答
相对于容器的jQuery div动画
jquery
我有一些关于jQuery div动画的问题。我想点击链接，然后div1和div4改变位置。div2和div3改变了位置。数组的位置是第一行中的div1 div2，第二行中的div3 div4。如何正确书写？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
浏览 0提问于2010-11-23得票数 0
2回答
按一下展开div
jquery、asp.net、html、css
我的问题对你们很多人来说都很简单。我想要扩展div(onClick)以适应外部div，它应该完全覆盖所有其他三个div(不是全屏)。
我试图使用下面的代码来完成这个任务，但是当我尝试这样做时，整个页面的结构就会受到干扰。
<head runat="server">
<title>Untitled Page</title>
<link href="css/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src
浏览 3提问于2012-12-26得票数 2
回答已采纳
2回答
引导网格:垂直浮动列
css、twitter-bootstrap、grid、flexbox
我正在为一个项目使用引导网格，我想知道是否有可能使列垂直浮动。到目前为止，我似乎无法找到一种方法来实现这一点。我正在寻找一个解决这个问题的方式，为引导网格或使用另一个网格的一些自定义css。不过，我更希望只使用css来设置网格，而不是使用JavaScript。
这个例子有一个图像和一个链接：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/boot
浏览 6提问于2015-07-04得票数 6
回答已采纳
4回答
HTML一个div会影响另一个div，但我只想针对这个div
html、css
所以基本上我想要一个侧边栏和一个导航栏。但是当我将div2 (侧边栏)的上边距设置为110px时，它会将div1向下移动。请帮帮我。
<!doctype html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="Home.css">
<title>Home</title>
</head>
<body>
浏览 0提问于2013-10-09得票数 1
3回答
如何使用html/css和javascript制作响应性网站
html、css、responsive-design
我想知道如何使html /css设计具有响应性，以便根据屏幕大小(在运行时手动调整桌面浏览器的大小)来安排div (如果是响应方式的话)。例如:我将div1、div2、div3设置为左浮子。它们在我的浏览器中显示为3列。现在，如果我调整我的浏览器的大小(以更小的大小)，我希望div1在顶部。div2低于它，div 3低于div2。同样，如果我完全调整我的网页大小，我希望div再次显示为3列。
除了正常的脱脂行为，是否有任何方法可以单独指定更改？
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
浏览 8提问于2015-11-23得票数 0
回答已采纳
2回答
定位3个div:2行1列
html、css
我需要定位3div在下面的图像:到目前为止，我得到了“浮动”，但我未能具体实现这一结果。
这是我目前的结果：
<head>
<style>
#div-container {
width: 500px;
height: 500px;
border: 1px solid #000000;
}
.div1 {
width: 200px;
height: 100px;
border: 1px solid #d1d1d1;
}
.div2 {
width: 200px;
height: 100px;
float: left;
border: 1px solid #d1d1d1;
浏览 4提问于2015-03-06得票数 0
回答已采纳
1回答
未在jsPlumb中拖动的元素
jquery、jquery-ui、jsplumb
我使用jsPlumb进行拖放时，有些东西不能正常工作。我将左侧的div设置为可拖动，但当您尝试拖动它们时，只有线会移动，div也不会移动。下面是我的代码：
<html>
<head>
<title>Plumb Test</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type=
浏览 1提问于2013-04-19得票数 1
回答已采纳
1回答
CSS3动画幻灯片
html、css、css-animations
我正在创建一个具有以下基本结构的html文件：
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="main">
<h1>Title</h1>
<div id="div1"></div>
<div id="div2"></div&
浏览 4提问于2016-12-31得票数 0
回答已采纳
1回答
滚动问题，必须移动光标或单击其他地方才能滚动到另一个元素。
html、css、scroll
我有一个情况，我必须使用不同的全屏大小，可滚动的div，在每个div，有足够的内容，我们必须滚动看到这一点。因此，问题是当我到达结束在任何div中滚动，然后滚动在下一个div或上一个div，我必须移动光标或点击其他地方来转移滚动的控制。然后我可以滚动其他元素。
所以，在我的网页上，我不能一次滚动看到所有div的所有内容。请
因此，我想立即滚动而不点击任何地方或移动光标，并通过所有的div.的内容。这是一个正常的行为滚动，但我想这样解决它。请建议我或帮助我，如果你有这样的问题，或你有解决办法。谢谢预先帮助！
html文件
<!DOCTYPE html>
<html lang=&
浏览 4提问于2022-06-30得票数 1
2回答
边距-顶部/底部在示例中不工作到边距左/右。
html、css、margin
我是HTML和CSS的新手。我已经尝试了下面的代码
<!DOCTYPE html>
<html>
<head>
<title>Center</title>
</head>
<body>
<div id="div1" style="width:300;background-color:olive">
<div id="div2" style="width:100px; margin-left:auto; marg
浏览 5提问于2015-03-10得票数 2
回答已采纳
2回答
如何创建jQuery应用程序以在页面加载后立即显示一组图像的幻灯片
javascript、jquery
我正在尝试创建一个jQuery应用程序，以便在加载网页时显示一组图像的幻灯片。我试着使用jQuery函数，如‘`slideDown()、隐藏()、Show()、scrollTop()、scrollLeft()。我不能拖延他们的展示。图像在瞬间滚动或滑动。因此，我在下面张贴我的代码。请帮我一把..。
<head runat="server">
<title></title>
<script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"
浏览 3提问于2013-07-27得票数 0
回答已采纳
1回答
使用jquery/css使页脚增长
javascript、jquery、css
我正在创建一个页面，在这个页面中，我的页脚在某一特定事件上不断增长。我的问题是根据我有多大的空间让脚长出来。请看我的代码或jsFiddle。我希望灰色页脚能够一直增长到具有动态高度的彩色元素(而不是现在，增加到20%)。我想我可以数数上面所有元素的高度，但这听起来并不是一个好的解决方案。
jsFiddle
<html>
<head>
<style type="text/css">
body #pagePlaceHolder
浏览 0提问于2013-08-27得票数 1
回答已采纳
1回答
我的响应网站不能在手机上运行
html、css
我正在学习HTML、CSS和responsive的基础知识。我已经为移动设备设置了@media查询，但它不起作用。
但是，如果我打开桌面(Chrome)的网站，并试图调整窗口的大小，它就能工作。
HTML
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="div1">
浏览 1提问于2017-02-19得票数 0
回答已采纳
2回答
jquery/html/css使图像显示在中间，背景不透明
javascript、jquery、html、css
大家好，我是使用html、css、javascript和jquery进行web编程的新手。我有这样的代码：
HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<title>My test Site</title>
<meta charset="utf-8">
<link rel="stylesheet" href="cssTest.css">
<script src="js/j
浏览 1提问于2014-01-17得票数 0
1回答
如何为子元素设置相同的顶部位置
html、css、position
下面有密码。我不知道为什么div1在两个街区的最高位置不一样。如果div1在child1中包含文本或其他元素，则div1和div2的最高位置div3相等。请告诉我原因。非常感谢。
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
* {
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<div id='parent' styl
浏览 0提问于2019-12-19得票数 2
回答已采纳
3回答
Flexbox对齐-内容:空间-周围不工作
html、css、flexbox
我试着有三个div，一个大一点和两个小一点，集中在页面上，它们之间有相等的空间。我已经尝试过使用说明内容:空间-周围；对于包含前三个div的div，但是它不起作用。
这是我的html：
.flex-wrapper {
display: flex;
}
html {
background-color: gray;
}
#footer {
background-color: hotpink;
text-align: center;
width: 100vw;
margin-top: auto;
}
body {
height: 100vh;
margin: 0;
flex-directi
浏览 3提问于2021-08-09得票数 1
回答已采纳
4回答
如何将Jquery代码设置为body onload
javascript、jquery、html
大家好，我是新来的jquery/ javascript。我在w3schools中找到了一些代码，我想在我的网站上使用它。但是当我加载页面时，我希望动画触发。请帮我做这件事
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(func
浏览 5提问于2014-12-11得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
