Html 放置3个div，一个在左侧，两个在右侧（上方和底部）_Html_Css_Ionic Framework

Html 放置3个div，一个在左侧，两个在右侧（上方和底部）

html css ionic-framework

Html 放置3个div，一个在左侧，两个在右侧（上方和底部）,html,css,ionic-framework,Html,Css,Ionic Framework,如果我的问题或代码让您感到困惑，我非常抱歉。我试图定位3个div，一个在左边，两个在右边（上方和下方）。我希望它如下图所示：我使用以下代码，我可以正确显示图标，但文本“ferrari”和“ion”复选框的显示方式与下面所附的图像不同。并且包含文本“Some Icons”的div与下面附带的图像不同。起初，我认为这是一个简单的任务，我尝试了，但无法使这项工作。我被困在这里了。任何CSS专家都能帮我吗法拉利一些图标请检查我等！！！一些图标框不会显示，因为您在样式属性末尾丢失了一个“”

如果我的问题或代码让您感到困惑，我非常抱歉。我试图定位3个div，一个在左边，两个在右边（上方和下方）。我希望它如下图所示：

我使用以下代码，我可以正确显示图标，但文本“ferrari”和“ion”复选框的显示方式与下面所附的图像不同。并且包含文本“Some Icons”的div与下面附带的图像不同。起初，我认为这是一个简单的任务，我尝试了，但无法使这项工作。我被困在这里了。任何CSS专家都能帮我吗


法拉利
一些图标
请检查我等！！！

一些图标框不会显示，因为您在样式属性末尾丢失了一个“”

查看一下ionic framework文档以轻松包装您的方框：

您可以使用float并排对齐div。使用

display:inline block；

在它们之后有一些额外的小空间，因此使用精确的宽度将不起作用。如果您想使用inline block属性实现此目的，需要删除该空间。下面是一篇告诉我你怎么做。

或者你可以用float来代替。你需要清除我用ClearFixCSS所做的浮动

.clearfix:after{
显示：表格；
内容：“；
明确：两者皆有；
}


法拉利
一些图标
请检查我等！！！

您应该使用爱奥尼亚的内置网格系统，将

行指定为容器，并在该行中定义列。您可以这样做
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <link href="https://code.ionicframework.com/1.0.0/css/ionic.min.css" rel="stylesheet">
    <script src="https://code.ionicframework.com/1.0.0/js/ionic.bundle.js"></script>
  </head>
  <body ng-app="app">
    <ion-pane>
      <ion-header-bar class="bar-stable">
        <h1 class="title">Awesome App</h1>
      </ion-header-bar>
      <ion-content >
      <div class="row">
      <div class= "item item-image col col-25">
        <img src="https://s10.postimg.org/ar28d6cad/evc03r304.jpg">
      </div>
      <div class= "list col col-75">
       <div class="item item-text-wrap">
       some text here
      </div>
         <ion-checkbox class="item item-text-wrap item-checkbox-right">
         othet text here
      </ion-checkbox>
      </div>
      </ion-content>
    </ion-pane>
  </body>
</html>

工作示例您好，如何更改特定行的高度？
/* Styles here */
.row,
.col{
  padding:0;
}