Css 左侧和右侧浮动div，左侧div需要为100%，右侧保持右侧固定大小_Css_Html

Css 左侧和右侧浮动div，左侧div需要为100%，右侧保持右侧固定大小

css html

Css 左侧和右侧浮动div，左侧div需要为100%，右侧保持右侧固定大小,css,html,Css,Html,我想让div生效，左div为100%，右div保持不变 <!DOCTYPE html> <html> <style> .left { width: 100%; float: left; border: #ccc solid 1px; } .right { width: 50px; float:left; border: #987 solid 1px; } .main { border: #666 solid 1px; margin: 0px auto; } .

我想让div生效，左div为100%，右div保持不变

<!DOCTYPE html>
<html>
<style>
.left {
width: 100%;
float: left;
border: #ccc solid 1px;
}
.right {
width: 50px;
float:left;
border: #987 solid 1px;
}
.main {
border: #666 solid 1px;
margin: 0px auto;
}
.clear {
clear:both;
}

</style>
<body>
<div class="main">
<div class="left">
</div>
<div class="right">
</div>
<div class="clear"></div>
</div>
</body>
</html>


.左{
宽度：100%；
浮动：左；
边框：#ccc实心1px；
}
.对{
宽度：50px；
浮动：左；
边框：#987实心1px；
}
梅因先生{
边框：#666实心1px；
保证金：0px自动；
}
.清楚{
明确：两者皆有；
}

我知道我可以使用table轻松实现这一点，但如何使用div实现这一点

如果要使用边框，请在内部嵌套另一个div，并将边框应用于该内部div，因为这样可以避免很多问题

<!DOCTYPE html>
<html>
<style>
.left {
margin-right:50px;
background:red;
}
.right {
width:50px;
float:right;
background:green;
}
.main {
border: #666 solid 1px;
margin: 0px auto;
}
.clear {
clear:both;
}

</style>
<body>
<div class="main">
<div class="right">
right
</div>
<div class="left">
left
</div>
<div class="clear"></div>
</div>
</body>
</html>


.左{
右边距：50px；
背景：红色；
}
.对{
宽度：50px；
浮动：对；
背景：绿色；
}
梅因先生{
边框：#666实心1px；
保证金：0px自动；
}
.清楚{
明确：两者皆有；
}
正当
左边

不理解您的问题。。两个div都包含在“main”div中，您希望左侧的div为main div宽度的100%，而右侧的div仍在其旁边。。？