1

我已经阅读了很多答案，但不确定为什么它对我不起作用。也许它与父容器不是 100% 有关？事情是......我也尝试过填充，但存在同样的问题。

我也尝试过 container=width:100%，并在浮动 div 中创建带有边距的 10% 空间，但创建的 10% 的比例很奇怪……绝对与页面不成比例。

这是代码。

.container{
width:80%;
overflow:hidden;
margin-right:auto;
margin-left:auto;
}

.side{
width:300px;float:left;}

.main{
position:absolute;  float:left;  }

.clear{clear: both;}

（没有绝对，两个 div 不再并排......但我看到人们在这里使用相对 ????）

这是html

<div class="container">
  <div class="side"></div>
  <div class="main"></div>
  <div class="clear"></div>
</div>

所以现在的问题是，由于某种原因，div“main”不会填满剩余空间，但里面的文本要么在到达“容器”的边界之前停止，要么完全忽略容器并延伸到页面之外...

我想保留两侧的空白边距，并且需要浮动 div 之一是固定宽度...不知道为什么它不工作

....我觉得有一个简单的解决方案我只是想不直...

4

2 回答 2

0

像这样尝试：

.container {
width:100%; / width: 300px;
overflow: hidden;
position: relative;
margin-right: auto;
margin-left: auto;
}

.side {
width: 60%;
float: left;
}

.main {
width: 40%;
float: left;  
}

.clear {
clear: both;
}

在.container选择宽度 % 或 px 的...什么对你来说更灵活

于 2012-09-05T08:11:08.220 回答
0

首先，您要实现的目标不是很清楚。您是否要在页面上重新排列 HTML 以实现可访问性？

首先，要让 .main 留在 .container 中，请将其放在 .container 中：

position:relative;

那么也许你正试图将 main 浮动到右侧..把它放在 .main

left:300px;

希望我猜对了你的意图..

于 2012-09-05T08:11:35.493 回答