怎样让两个div横向并排??、
发布网友
发布时间：2022-04-21 15:23
共6个回答
懂视网
时间：2022-04-21 19:44
我的页面如下:
div1 div2
现在的效果是
div1 div1label
div2 div2label
我要的效果是：
div1 div1label
div2 div2label
请问怎么改？？
回复讨论(解决方案)
clear 属性定义了元素的哪边上不允许出现浮动元素,用clear
div1 div2
出现这种情况，可能是这两个DIV的父元素太小。
出现这种情况，可能是这两个DIV的父元素太小。
楼主给出的片段没有问题的。应该给出完整代码。请逐级检查父元素。
div1 div2
这个地方是关键，一定要把上个div的float给clear,否则布局上很容易出现问题
楼上正解，清除浮动，你也可以绝对定位
div1 div2
效果如下：
只加了一行代码。用了float的元素是脱离于文档的，正式因为这样，才能实现浮动的效果；所以对于外框架的div来说，你必须再用一个拥有clear属性的元素把外部框架给撑起来，否则显示就可能会出现一项不到的问题
还有，建议楼主写代码注意下缩进，格式不好 有错误的话不管自己还是别人都很难发现
热心网友
时间：2022-04-21 16:52
我给你举个例子把
比如
<div id=“diyi”></div>
<div id="dier"></div>
#diyi
{
imarge-width:100px;
imarge-heigt:100px;
}
#dier
{
imarge-top:-100px;
}
这个top要和上一个div、
中的height的像素一样才有用这样就平行了
但是两个div的宽度要屏幕够才行
有什么问题在找我
热心网友
时间：2022-04-21 18:10
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.a {
background-color: #666666;
float:left;
position: relative;
width: 30%;
text-align: center;
}
.b {
background-color: #006699; float:left;
position: relative;
width: 30%;text-align: center;
}
.container {
margin: 100px;
position: relative;
}
.c {
background-color: #FF66CC; float:left;
position: relative;
width: 30%;text-align: center;
}
-->
</style>
</head>
<body>
<div class = "container">
<div class="a">a</div>
<div class="b">b</div>
<div class="c">c</div>
</div>
</body>
</html>
热心网友
时间：2022-04-21 19:45
<div style="width:100px; float:left"">此处显示新 Div 标签的内容</div>
热心网友
时间：2022-04-21 21:36
热心网友
时间：2022-04-21 23:44
