Html 绝对表的宽度在内部有图像时不响应

Html 绝对表的宽度在内部有图像时不响应,html,css,responsive-design,css-position,Html,Css,Responsive Design,Css Position,我有以下设置:一个相对的父表,一个绝对表,其中宽度为50%,在表的单元格中有一个图像。图像宽度设置为60%。当我在响应模式下测试模板时,当窗口宽度达到约560px时,表格开始占用超过50%。当我省略图像时,它需要50%。这个设置有什么问题 .parent{ 宽度:100%; 高度:120px; 背景:ff8800; 位置:相对位置; } .儿童{ 宽度:50%; 身高:100%; 背景:#0000ff; 位置:绝对位置; 排名:0; 左:0 } 在表上设置max widthcss属性,它将在两

我有以下设置:一个相对的父表,一个绝对表,其中宽度为50%,在表的单元格中有一个图像。图像宽度设置为60%。当我在响应模式下测试模板时,当窗口宽度达到约560px时,表格开始占用超过50%。当我省略图像时,它需要50%。这个设置有什么问题

.parent{
宽度:100%;
高度:120px;
背景:ff8800;
位置:相对位置;
}
.儿童{
宽度:50%;
身高:100%;
背景:#0000ff;
位置:绝对位置;
排名:0;
左:0
}

在表上设置
max width
css属性,它将在两种web浏览器上工作

.child {
  ...

  max-width: 50%;
}

在这段代码中,我看不出有问题……您使用的是哪种浏览器@Derek.WI-am在mozilla firefox上。好的!看起来Chrome和FireFox有不同的渲染逻辑@德里克·W