Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 只使用css尽可能地扩展div?_Html_Css - Fatal编程技术网

Html 只使用css尽可能地扩展div?

Html 只使用css尽可能地扩展div?,html,css,Html,Css,这就是我想做的 这可能吗 你的意思是这样的吗 说明:float:左第一个div并使用margin left:fixed div width+一些额外的空间将其他元素向右移动,然后将这两个元素封装在包装器中。请注意,不要忘了清除浮动元素Divs默认情况下使用所有可用的水平空间。(除非是浮动的)@KhawerZeshan-编号100%将包括标记为“固定宽度”的部分已经占用的空间。@Cthulhu-可能是浮动的(或应用了一些其他属性来阻止其占用整个宽度),因为它是相邻的element@Quenti

这就是我想做的


这可能吗

你的意思是这样的吗


说明:
float:左第一个
div
并使用
margin left:fixed div width+一些额外的空间将其他元素向右移动,然后将这两个元素封装在包装器中。请注意,不要忘了清除浮动元素

Divs
默认情况下使用所有可用的水平空间。(除非是浮动的)@KhawerZeshan-编号100%将包括标记为“固定宽度”的部分已经占用的空间。@Cthulhu-可能是浮动的(或应用了一些其他属性来阻止其占用整个宽度),因为它是相邻的element@QuentinFlex没有得到很好的支持,特别是IE会破坏游戏,比你需要有10种多边形填充和东西…它有点脏,但它是跨浏览器支持所必需的,所以我将使用它。谢谢。@m_poorUser这里没有脏东西,这是忽略flex box的唯一方法,否则你需要使用脚本:)我说脏是因为你需要更改.max的边距,如果你更改.left的宽度。但是,嘿,我在兼容性方面做了更糟糕的事情:)@m_poorUser哈哈,是的,我们是网络开发人员。。因此,直到我们没有一套具体的规则来遵循,直到浏览器不断忽略错误的方法,脏的将继续。。。总是。。
.wrap {
    height: 400px;
    border: 1px solid red;
}

.left {
    height: 400px;
    width: 120px;
    float: left;
    border: 1px solid green;
}

.max {
    height: 400px;
    margin-left: 130px;
    border:1px solid red;
}