我正在尝试放置一些(垂直堆叠)显示:显示内的块元素:内联块元素.根据CSS规范,内联块元素应该是一个包含块,因此它可以在其中包含display:block元素,这些元素不应影响布局的其余部分.
但是,display:block元素在显示内部:inline-block元素会破坏页面的其余部分; 所以在内联块中什么也没有,甚至像段落这样的基本元素; 只有简单的文本才能避免破坏页面的其余部分(通过中断我的意思是将其他div向下移动,例如,在这种情况下,左侧红色块向下移动一行并且在其上方有一个空白空格).我正在使用Firefox 3.0.6.
<html><head><style type="text/css">
#left {
display: inline-block;
background: red;
width: 20%;
height: 100%;
}
#right {
display: inline-block;
background: green;
width: 80%;
height: 100%;
}
</style></head><body>
<div id="left">Left</div><div id="right">Right</div>
</body></html>
Run Code Online (Sandbox Code Playgroud)
以上显示为两个窗格,左红色,右绿色,如预期.如果我改变"正确"
<p>Right</p>
Run Code Online (Sandbox Code Playgroud)
或者完全删除它,或者(我想做)用几个div替换它,我得到了错误的格式.
这是Firefox的错误,还是我做错了什么,或者我的期望是不正确的?(FWIW,IE 7将它们全部平分,好像它不理解内联块;无所谓,这是一个内部应用程序.我只使用Firefox).我可以使用浮动/边距获得我想要的布局,但我不想这样做.
在我的网站的正文中,我正在尝试创建两个列 - 一个在最右边,具有固定宽度(300px)用于广告等,一个在左边,将占用页面上的剩余空间.如何在CSS中实现这一目标?
我有两个并排的颜色不同的列.背景也有独特的颜色.右列包含将扩展到未知高度的文本.另一栏几乎没有.
<div id="container">
<div id="leftColumn">
<p>Only one small paragraph here</p>
</div>
<div id="rightColumn">
<p>Many large paragraphs inside here.</p>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我希望左列是与右列完全相同的高度.
这是CSS ......
#leftColumn {
display:inline-block;
width: 200px;
}
#rightColumn {
display:inline-block;
width: 600px;
vertical-align: top;
}
Run Code Online (Sandbox Code Playgroud)
因此,当页面加载时,我使用jQuery根据右列的高度设置左列的高度.
$(document).ready(function() {
$('#leftColumn').css('height', $('#rightColumn').innerHeight());
});
Run Code Online (Sandbox Code Playgroud)
有没有办法只用CSS做到这一点?
自从我上次使用Java以来已经有几年了.你能告诉我在Java中可以更优雅地解决哪些问题吗?
我知道Java的以下好处:
什么是泛型 - 是否有优雅的Java示例无法用C#表示?或其他API或库?
谢谢,
吉日
PS一些一般链接:
我想打印一个我放在iframe但不希望内容显示在网页上的页面,但是当我把iframe放到display ='none'时打印按钮不起作用
我做了什么: - 我设置iframe风格='无'
"name ="frame1"><input type="button" onclick="frames['frame1'].print()" value="print!">
Run Code Online (Sandbox Code Playgroud)
如何打印iframe的内容而不在网页上显示或者保持ifram隐藏
非常感谢任何帮助......
我想命名我的css文件mystyles.php.其中的所有内容仍然是css.我想在index.php不使用标准HTML <link>标记的情况下将其包含在我的页面中.任何方向都会非常感激.
我有以下HTML
<ul class="main-navigation">
<li class="left"> </li>
<li class="normal">Home</li>
<li class="normal">Internet</li>
<li class="normal">Movies</li>
<li class="normal">Music</li>
<li class="normal">Documents</li>
<li class="normal">Windows</li>
<li class="right"> </li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我想要做的是,获取<li>具有"普通"类的元素数组并循环遍历它们并添加事件侦听器.
什么jQuery代码将返回数组?我试过不同的组合,比如 -
$('.main-navigation.normal')
$('.main-navigation li .normal')
Run Code Online (Sandbox Code Playgroud)
我怎样才能获得那个节点数组?我如何循环它们并添加事件?