Question

我在这个架构中有一个HTML代码：

{"confirm_type":"contract_action","job_id":12,"id":7}

结果中记录的内容发生了变化，有时结果＆＃39;高度超过容器的底部。我希望结果使用滚动条处理溢出而不是容器，但我似乎无法解决此问题。我该怎么办？只要他们能够灵活应对窗口大小的变化，我就可以使用javascript解决方案了。

注意：结果 div在CSS中没有固定的非百分比高度，并且不能有一个。

Answer 1

你可以这样：

#container {overflow: hidden;}
#results {
    max-height: 400px;
    overflow: scroll;
}

这会做你想要达到的目的，让我知道是否需要其他东西？

Answer 2

对孩子使用overflow-y: auto＆amp;父母overflow-y: hidden，如果您无法给出固定的身高，请提供max-height。

#container {
  overflow-y: hidden;
}

#results {
  max-height: 200px;
  overflow-y: auto;
}

Answer 3

如果你有能力使用flexbox，你可以通过以下方式解决它（为了简洁起见，省略了前缀）：

void loop() {
byte rx_byte[1];
byte input[2]; 


if (a_Serial.available() > 0) {    
    a_Serial.readBytes(rx_byte,1); 

    debug_Serial.println(rx_byte[0],HEX);

    if (rx_byte[0] == 0xaa){

             debug_Serial.println("aa Running");

            }

    if (rx_byte[0] == 0xbb){
            debug_Serial.println("bb Running");

            }

    if (rx_byte[0] == 0xcc){
              a_Serial.readBytes(input,2);
              rawcmd(input);

              }

    else {
      a_Serial.println("Error");
      debug_Serial.println("Command Invalid");}

     memset(rx_byte, 0, sizeof(rx_byte));

#2811

CSS：使用子元素处理溢出

3 个答案: