gpt4 book ai didi

html - float :left is set时将div扩展到最大宽度

转载 作者:技术小花猫 更新时间:2023-10-29 11:27:31 25 4
gpt4 key购买 nike

我有这样的东西:

<div style="width:100px;float:left">menu</div>
<div style="float:left">content</div>

两个花车都是必需的。我希望内容 div 填满整个屏幕减去菜单的 100px。如果我不使用 float,div 会完全按照它应该的方式扩展。但是当设置了 float 时我该如何设置呢?如果我像这样使用某物

style=width:100%

然后内容 div 获取父级的大小,父级是 body 或我也尝试过的另一个 div,因此当然它不适合菜单的右侧,然后显示在下面。

最佳答案

希望我没听错,看看这个:http://jsfiddle.net/EAEKc/

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<title>Content with Menu</title>
<style>
.content .left {
float: left;
width: 100px;
background-color: green;
}

.content .right {
margin-left: 100px;
background-color: red;
}
</style>
</head>

<body>
<div class="content">
<div class="left">
<p>Hi, Flo!</p>
</div>
<div class="right">
<p>is</p>
<p>this</p>
<p>what</p>
<p>you are looking for?</p>
</div>
</div>
</body>

</html>

关于html - float :left is set时将div扩展到最大宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1017880/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com