相关疑难解决方法(0)

Bootstrap元素100%宽度

我想创建交替的100%彩色块."理想"情况被说明为附件以及当前情况.

所需的设置:

http://i.imgur.com/aiEMJ.jpg

目前:

http://i.imgur.com/3Sl27.jpg

我的第一个想法是创建一个div类,给它一个背景颜色,并给它100%的宽度.

.block {
    width: 100%;
    background: #fff;
}
Run Code Online (Sandbox Code Playgroud)

但是,您可以看到这显然不起作用.它仅限于集装箱区域.我试图关闭容器,但也没用.

css width twitter-bootstrap

77
推荐指数
7
解决办法
26万
查看次数

如何在容器内制作全宽div

我喜欢在整个屏幕上使标题全宽,包装器是1052px并希望在徽标和菜单保持原位时扩展它。

有没有办法div在响应式布局中将内部扩展到全屏宽度?

如何使用 css 解决这个问题,记住“菜单”固定在顶部,“全宽”div必须正常滚动?我想我不能使用绝对定位。我希望它很清楚,否则我会尝试改进问题。

这是 header.php 代码

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head>
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

    <?php wp_head(); ?>

</head>

<body <?php body_class() ?>>

<div id="wrapper">
    <div id="inner-wrap">
        <div id="header" class="fullwidth">
            <div id="logo">
                <?php if (!option::get('misc_logo_path')) { echo "<h1>"; } ?>

                <a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('description'); ?>">
                    <?php if (!option::get('misc_logo_path')) …
Run Code Online (Sandbox Code Playgroud)

html css

1
推荐指数
1
解决办法
4635
查看次数

标签 统计

css ×2

html ×1

twitter-bootstrap ×1

width ×1