Question

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

我也试过容器=宽度：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为固定宽度...不确定为什么它不起作用

....我觉得有一个简单的解决方案，我只是不直接思考......

Answer 1

尝试这样的smth：

.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 ... ...对于你来说更灵活

Answer 2

首先，目前还不是很清楚你想要实现的目标。你是否试图在页面上重新流动HTML以获得可访问性？

对于初学者来说，要使.main留在.container中，把它放在.container中：

position:relative;

然后也许你正试图将主要浮动到右边..把它放在.main

left:300px;

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

相对宽度容器，1个绝对宽度浮点数和1个相对浮点数

2 个答案: