为什么我的笔记本显示不了在HTML里一个大的DIV里面放两个小DIV都向左浮动在一行显示
一个大的DIV里放2个小的DIV没有超出大的DIV的宽度和高度，在Dreamweav的设计里面看到是好的，为什么在笔记本上的浏览器上就显示不了我用IE8和IE11试过都不行，在台式电脑上显示就跟在Dreamweav设计里看到的一样是好的，这是什么情况怎么弄好？
还有一个图片弄了个单击事件，在脚本里写了个涵数单击的时候说涵数没定义？知道的朋友最好能留下QQ。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload = function() {
document.getElementById('test').getElementsByTagName('img')[0].onclick = function() {
alert(0);
}
}
</script>
</head>
<body>
<div style="width:500px; height:500px; border:1px solid red;">
<div style="float:left; width:200px; height:300px; background:red;"></div>
<div id="test" style="float:right; width:200px; height:200px; background:#000;" onclick="abc()">
<img src="https://gss0.baidu.com/9vo3dSag_xI4khGko9WTAnF6hhy/image/pic/item/0dd7912397dda1442cdbb0bab0b7d0a20df486ec.jpg" width="200" height="200" />
</div>
<div style="clear:both;"></div>
</div>
</body>
</html>
希望可以帮到你
一个大的DIV中放两个小的DIV一左一右
1、首先如图所示的web结构即一个html和css即可实现。2、打开html页面 定义一个大的div和两个小div 如图所示。3、最常用的float浮动，只要两个小div的宽度小于等于大div的宽度，即可实现并排了。4、使用position进行绝对定位，然后使用margin-left除去第一个小div的宽度即可。5、使用table盒子实现div并排，...
一个大的DIV中嵌套两个小的DIV一左一右
1，首先，图中显示的Web结构是html和css。2，打开html页面，如图所示，定义一个大div和两个小div。3，最常用的float float，只要两个小div的宽度小于或等于大div的宽度，就可以并排实现。4，使用position进行绝对定位，然后使用margin-left删除第一个小div的宽度。5，使用表格框并排实现div，这是相同的...
两个DIV如何浮动在一行?
1、打开html开发软件，在html开发工具上新建一个html页面，用于实现多个div显示在同一行上。2、在html代码页面上创建两个div标签，然后给这个两个div标签添加class类，案例中class类分别为：one，two。创建div代码：<div class="one">第一个div<\/div><div class="two">第二个div<\/div>。3、创建<...
如何让div在一行显示
1、使用浮动float 代码：<html> <head> <meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/> <title>div同行显示<\/title> <style type="text\/css"> container{overflow: hidden;}\/* 清除浮动 *\/ container div{width:200px;height:100px;} .box1{background: red;flo...
在HTML中,如何让两个DIV在同一行显示?
把两个div放在一个父div里面，然后进行浮动即可。下面我们一起来实现以下：创建一个父div，然后创建两个子div，代码如下：给div加上css样式，分别给他们设置背景颜色，父div可以不设置，子div设置绿色，然后给div加上浮动代码即可,"float:left"我们来写一下代码：下面我们来看一下运行效果 DIV是层叠样式...
HTML CSS 显示两个div盒子显示不出来!大神快来
你是不是在笔记本电脑上作的，马虎大意，.next{background:url("pic\/向左.JPG")};分号跑到大括外面去了，删掉或放到大括号里面就可以了。见下面的图 修改一下即可，分号删掉
如何将两个div并列排在同一行
想要将两个或多个div并列排在同一行，需要将div元素的float属性值设为left，靠左悬浮的意思，同时也要将想要并列的div套在一个大div里，这样改变浏览器宽度，div也还是成一排。以下是具体演示步骤：1、打开一个HTML文件编辑器。先在里面输入HTML的基本元素。2、在body标签里添加一个大div来容纳并列的...
div如何设置浮动html如何设置div浮动
1。打开html开发软件，在html开发工具上新建一个html页面，用于在同一行显示多个div。2.在html代码页上创建两个div标记，然后将class类添加到这两个div标记中。在这种情况下，类类是:一，二。创建div代码:一。3.创建标签，设置一、二班的班级风格。您需要设置宽度、高度、浮动、边框和框大小属性。4....
html怎么将两个div并排显示啊?
在HTML中让两个div并排显示，通常情况下有三种实现方式，包括:（1）设置为行内样式，display:inline-block （2）设置float浮动 （3）设置position定位属性为absolute 以下为三种方式的具体实现代码：1、设置每个div的展现属性为行内样式，示例代码为：<div class="app"> <div style="display:inline-...
html布局,下面怎么使两个div在同一行显示?
实现两个DIV盒子并排，一行只显示两列DIV布局，使用width宽度+float浮动即可实现一行显示两列DIV布局。<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/> <title>两个DIV并排<\/title> <style> .div-a{ float:left;width:49%;border:1px...
