Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.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 复杂div结构中的浮动div_Html_Css_Css Float - Fatal编程技术网

Html 复杂div结构中的浮动div

Html 复杂div结构中的浮动div,html,css,css-float,Html,Css,Css Float,我真的很快就能让它看起来像我想要的样子:) 我如何: 使.tk17-speakings-ausgabe-daten-col1和.tk17-speakings-ausgabe-daten-col2在同一水平面启动 停止。tk17-speakings-ausgabe-daten-col2环绕。tk17-Speaking-ausgabe数据 提前感谢您的帮助 #tk17语音终端{ 最大宽度:500px; } #tk17语音终端ausgabe li{ 显示:内联块; 列表样式类型:无; 宽度:50%;

我真的很快就能让它看起来像我想要的样子:)

我如何:

  • 使.tk17-speakings-ausgabe-daten-col1和.tk17-speakings-ausgabe-daten-col2在同一水平面启动
  • 停止。tk17-speakings-ausgabe-daten-col2环绕。tk17-Speaking-ausgabe数据
  • 提前感谢您的帮助

    #tk17语音终端{
    最大宽度:500px;
    }
    #tk17语音终端ausgabe li{
    显示:内联块;
    列表样式类型:无;
    宽度:50%;
    左:25%;
    右:25%;
    }
    .tk17语音ausgabe数据{
    宽度:200px;
    高度:200px;
    文本对齐:居中;
    边框:2个实心#c4d600;
    浮动:左;
    右边距:40px;
    } 
    .tk17使用ausgabe基准h3的语音{
    字体:30060px/60px拉托;
    页边距底部:0;
    边缘顶部:50px;
    }
    .tk17使用ausgabe基准h4{
    字体:30020px/22px拉托;
    边际上限:0;
    }
    .tk17因标题而说的话{
    利润上限:-20px;
    }
    .tk17讲ausgabe daten集装箱{
    边缘顶部:30px;
    }
    .tk17-speakings-ausgabe-daten-col1{
    浮动:左;
    宽度:20%;
    }
    .tk17-speakings-ausgabe-daten-col2{
    宽度:75%;
    左缘:5%;
    }
    • 11 2017年六月 同侧耳

      韦兰斯塔东
      韦兰斯塔东GHI

      法兰克福,XXXXXXXXX

      [offen]

      详细信息

      Lorem ipsum door sit amet,consetetur sadipscing eliter,sed diam nonumd temporal invidund ut labor and dolore magna aliquyam erat,sed diam voluptua。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦(Stet clita kasd gubergren),没有海洋保护区是属于同一领域的。他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦(Stet clita kasd gubergren),没有海洋保护区是属于同一领域的


    行中的内容没有水平对齐,因为
    p
    元素中有边距。要防止
    .tk17-speakings-ausgabe-daten-col2
    被环绕,请使用
    溢出:隐藏

    #tk17语言术语{
    显示:内联块;
    列表样式类型:无;
    宽度:50%;
    左:25%;
    右:25%;
    }
    .tk17语音ausgabe数据{
    宽度:200px;
    高度:200px;
    文本对齐:居中;
    边框:2个实心#c4d600;
    浮动:左;
    右边距:40px;
    }
    .tk17使用ausgabe基准h3的语音{
    字体:30060px/60px拉托;
    页边距底部:0;
    边缘顶部:50px;
    }
    .tk17使用ausgabe基准h4{
    字体:30020px/22px拉托;
    边际上限:0;
    }
    .tk17因标题而说的话{
    利润上限:-20px;
    }
    .tk17讲ausgabe daten集装箱{
    边缘顶部:30px;
    }
    .tk17-speakings-ausgabe-daten-col1{
    浮动:左;
    宽度:20%;
    }
    .tk17-speakings-ausgabe-daten-col2{
    左缘:5%;
    溢出:隐藏;
    }
    p{
    边际上限:0;
    }
    • 11 2017年六月 同侧耳

      韦兰斯塔东
      韦兰斯塔东GHI

      法兰克福,XXXXXXXXX

      [offen]

      详细信息

      Lorem ipsum door sit amet,consetetur sadipscing eliter,sed diam nonumd temporal invidund ut labor and dolore magna aliquyam erat,sed diam voluptua。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦(Stet clita kasd gubergren),没有海洋保护区是属于同一领域的。他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦(Stet clita kasd gubergren),没有海洋保护区是属于同一领域的


    不确定我是否理解,像这样@差不多了,但是没有滚动条。tk17-speakings-ausgabe-daten-col2!我看不到滚动条。这个更好吗@迈克尔克尔完美。比我想象的容易;)把它贴出来,我会把它标记为正确答案