小编ili*_*ike的帖子

CSS如何填充整个宽度？

我已经护目镜但仍然不知道该怎么做

我有3个div

<body>
    <div id="container">
        <div id="center"> <h1>center</h1> </div>
        <div id="right"> <h1>right</h1> </div>
    </div>
</body>

Run Code Online (Sandbox Code Playgroud)

我试图完成什么

div id = center是自动填充宽度
div id = right位于div id = center的正确位置,width = 200px;

到目前为止我尝试了什么

#center{
    background-color: green;
        float: left;
        overflow: auto;
}

#right{
    background-color: red;
        float: right;
        width: 200px;
}

Run Code Online (Sandbox Code Playgroud)

如何使div id = center在另一个div(div id = right)的正确位置填充整个宽度

的jsfiddle

原谅我的英语

javascript css html5 css-float

ili*_*ike

2013 10-26

4
推荐指数

1
解决办法

592
查看次数

JavaScript - 如何通过循环中的函数传递变量

这是我试图完成的

当用户点击div class ='container'时,它会提醒他的特殊孩子的innerHTML(p class ='primary_key')
没有JQuery

的index.html

<html>
<head>
    <style>
        .primary_key{
            display: none;
        }
    </style>
    <script type="text/javascript" src="script.js"></script>
</head>
<body>

    <div>
        <div class="container">
            <p class="primary_key">1</p>
            <p class="content">content1</p>
        </div>
        <div class="container">
            <p class="primary_key">2</p>
            <p class="content">content2</p>
        </div>
    </div>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

的script.js

    window.onload = function(){

    var allContainer = document.getElementsByClassName('container');
    for(var i=0; i<allContainer.length; i++){
        var container =  allContainer[i];
        allContainer[i].onclick = function(e){
            clickContainer(container);
        }
    }
}

function clickContainer(ele){
    var selectedId = ele.getElementsByClassName('primary_key')[0].innerHTML;
    alert(selectedId);
}

Run Code Online (Sandbox Code Playgroud)

它应该