GtkGrid gtk_grid_attach

void
gtk_grid_attach (GtkGrid *grid,
                 GtkWidget *child,
                 gint left,	// 左，相当于第一列，从0开始，跟数组一样
                 gint top,  // 上，相当于第一行，从0开始
                 gint width,
                 gint height);

// demo.c
#include <gtk/gtk.h>

static GtkWidget *create_window(const gint, const gint);
static void load_css(void);

int main(void)
{
    GtkWidget *window;
    GtkWidget *grid;
    GtkWidget *child1;
    GtkWidget *child2;
    GtkWidget *child3;
    GtkWidget *child4;

    gtk_init(NULL, NULL);
    load_css();

    window = create_window(400, 400);
    g_signal_connect(window, "destroy", G_CALLBACK(gtk_main_quit), NULL);

    grid = gtk_grid_new();
    gtk_container_add(GTK_CONTAINER(window), grid);

    child1 = gtk_grid_new();
    gtk_widget_set_name(child1, "myChild1");
    gtk_container_set_border_width(GTK_CONTAINER(child1), 3);
    gtk_widget_set_size_request(child1, 100, 100);
    gtk_grid_attach(GTK_GRID(grid), child1, 0, 0, 1, 1);

    child2 = gtk_grid_new();
    gtk_widget_set_name(child2, "myChild2");
    gtk_container_set_border_width(GTK_CONTAINER(child2), 3);
    gtk_widget_set_size_request(child2, 100, 100);
    gtk_grid_attach(GTK_GRID(grid), child2, 1, 0, 1, 1);

    child3 = gtk_grid_new();
    gtk_widget_set_name(child3, "myChild2");
    gtk_container_set_border_width(GTK_CONTAINER(child3), 3);
    gtk_widget_set_size_request(child3, 100, 100);
    gtk_grid_attach(GTK_GRID(grid), child3, 2, 0, 1, 1);

    child4 = gtk_grid_new();
    gtk_widget_set_name(child4, "myChild2");
    gtk_container_set_border_width(GTK_CONTAINER(child4), 3);
    gtk_widget_set_size_request(child4, 100, 100);
    gtk_grid_attach(GTK_GRID(grid), child4, 3, 0, 1, 1);

    gtk_widget_show_all(window);
    gtk_main();

    return 0;
}

static GtkWidget *create_window(const gint w, const gint h)
{
    GtkWidget *window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
    gtk_window_set_default_size(GTK_WINDOW(window), w, h);
    gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER);
    gtk_window_set_title(GTK_WINDOW(window), "Hello Grid");

    return window;
}

static void load_css(void)
{
    GtkCssProvider *provider;
    GdkDisplay *display;
    GdkScreen *screen;

    const char *css_style_file = "style.css";
    GFile *css_fp = g_file_new_for_path(css_style_file);
    GError *error = 0;

    provider = gtk_css_provider_new();
    display = gdk_display_get_default();
    screen = gdk_display_get_default_screen(display);

    gtk_style_context_add_provider_for_screen(screen, GTK_STYLE_PROVIDER(provider), GTK_STYLE_PROVIDER_PRIORITY_APPLICATION);
    gtk_css_provider_load_from_file(provider, css_fp, &error);

    g_object_unref(provider);
}

window {
    background-color:bisque;
}


grid {
    background-color: coral;
}

#myChild1 {
    background-color: blue;
}

#myChild2 {
    background-color:blueviolet
}

---

gcc demo.c `pkg-config --cflags --libs gtk+-3.0`

效果：