Tag: CSS CSS

CSS-突出显示一个div当id链接到使用锚？

我试图做的是突出显示一个具有特定id的div，当它被另一个页面上的锚引用时： 用户点击链接href="qw.html#test" ，当页面被加载，然后与id="test"的div突出显示，使用户可以清楚地看到它。 我敢肯定，我已经看到一个CSS3的例子，其中一个div被突出显示，如果它被链接到。 还是JavaScript？

并排没有浮动

如何让div“左”和“右”看起来像列并排？ 我知道我可以使用浮法：留在他们身上，这将工作…但在步骤5和6在这里http://www.barelyfitz.com/screencast…s/positioning/的家伙说，这是可能的，我不能让它工作，但… 码： <style> div.left { background:blue; height:200px; width:300px; } div.right{ background:green; height:300px; width:100px; } .container{ background:black; height:400px; width:450px; } </style> <div class="container"> <div class="left"> LEFT </div> <div class="right"> RIGHT </div> </div>

拆分使用CSS的2列

我一直在试图分裂成两列使用CSS，但我还没有设法得到它的工作。 我的基本结构如下： <div id="content"> <div id="left"> <div id="object1"></div> <div id="object2"></div> </div> <div id="right"> <div id="object3"></div> <div id="object4"></div> </div> </div> 如果我试图浮动右和左divs到他们各自的位置（左和右），似乎忽略内容div的背景颜色。 和其他代码，我已经尝试从各种网站似乎不能转化为我的结构。 谢谢你的帮助！

我怎样才能停止浮动左？

我有以下代码： <div style="float: left; width: 100%;"> <label style="float: left;">ABC</label> <input style="float: left; font-size: 0.5em;" type="button" onclick="addTiny(0,'Question_Text'); return false;" value="▼" title="Editor" /> <input style="float: left; font-size: 0.5em;" type="button" onclick="remTiny(0,'Question_Text'); return false;" value="▲" title="Hide" /> <div class="adm"> <textarea rows="2;" style="width: 100%" class="text-box multi-line mceEditor"> abc </textarea> </div> </div> 我的问题是，具有类adm的div漂浮在左侧，因此与标签和两个inputbutton在同一行。 有没有办法让这个转变远离浮动？

div内的浮动元素浮动在div外。 为什么？

假如你有一个div，比如说把它打成绿色，给它一个确定的宽度，当我把东西放在里面的时候，在我的情况下是img和另一个div。 这个想法是，容器div的内容将导致容器div伸出，并成为内容的背景。 但是当我这样做的时候，包含的div会缩小以适应非浮动的对象，浮动的对象将会是完整的，半出来的，一半的，并不会影响到大div的大小。 为什么是这样？ 有什么我失踪了，我怎么能得到浮动项目伸出一个包含div的高度？

使外部div自动与其浮动内容相同的高度

我想要外部div ，这是黑色的包装它的div浮动在其中。 我不想在div使用style='height: 200px与outerdiv id，因为我想它是自动内容的高度（例如，浮动div ）。 <div id='outerdiv' style='border: 1px solid black;background-color: black;'> <div style='width=300px;border: red 1px dashed;float: left;'> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> </div> <div style='width=300px;border: red 1px dashed;float: right;'> <p>zzzzzzzzzzzzzzzzzzzzzzzzzzzzz</p> </div> 如何做到这一点？

CSS浮动Div的variables高度

我有无限数量的宽度为100px的div，可以放入宽度为250px的父级。 无论身高如何，我需要将div显示在行中，如图所示。 我已经尝试解决这个问题，但高度似乎是搞砸了。 我真的很感激你的帮助。 谢谢 ：） <style> #holder{ width:250px; border:1px dotted blue; display:inline-block; } .box{ width:100px; height:150px; background-color:#CCC; float:left; text-align:center; font-size:45px; display:inline-block; } .one{ background-color:#0F0; height:200px; } .two{ background-color:#0FF; } .three{ background-color:#00F; } .four{ background-color:#FF0; } </style> <div id="holder"> <div class="box one">1</div> <div class="box two">2</div> <div class="box three">3</div> <div class="box four">4</div> </div> 这是jsfiddle 这是我做了什么，使用javascript https://jsfiddle.net/8o0nwft9/