我正在尝试将此page上的联系表单显示在左侧,并在右侧显示联系信息(底部的地址)。 div都是足够小的宽度,它不应该是一个问题,它们都浮动到左边。但它似乎没有起作用。有谁知道问题可能是什么?
代码如下所示:
#mid {
width: 793px;
margin-right: 0px;
margin-left: 0px;
padding-right: 0px;
padding-left: 0px;
float: right;
height:auto;
border-bottom: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
clear: right;
padding-bottom:10px;
}
#mid #contact-info {
float:left;
width:250px;
text-align:left;
padding:14px;
}
#mid #contact-form {
float:left;
text-align:left;
width:300px!important;
}
答案 0 :(得分:0)
您可以创建一个公共父div并向左和向右浮动具有特定宽度。
答案 1 :(得分:0)
你可以这样做......
#mid #contact-info {
float:right;
width:250px;
text-align:left;
padding:14px;
}
#mid #contact-form {
float:left;
text-align:left;
width:300px!important;
}
但是就像你说的......它应该是如何工作的.... 但是如果没有你的HTML,我们就无法帮助了
答案 2 :(得分:0)
这是你想要做的吗?
CSS
.left {
float: left;
}
.right {
float: right
}
#parent {
border: 1px solid black;
padding: 15px;
width: 50%;
}
#box1, #box2 {
border: 1px solid black;
padding: 15px;
}
HTML
<div class="right" id="parent">
<div class="left" id="box1">Hello World!</div>
<div class="right" id="box2">Hello World!</div>
</div>