gpt4 book ai didi

html - 三分之一和三分之二的列不会相互对齐

转载 作者:太空宇宙 更新时间:2023-11-03 18:18:18 24 4
gpt4 key购买 nike

我一直在使用骨架框架,这是我的代码:

<html>
<head>
<title></title>
<link rel="stylesheet" href="stylesheets_skeleton/skeleton.css">
</head>
<body class = "container sixteen columns" style = "height : 400px; border: solid 1px;">
<div class = "two-thirds column" style = "height: 200px; border: solid 1px; float: left;">

</div>
<div class = "one-third column" style = "height: 200px; border: solid 1px; float: right;">

</div>

</body>

我得到这个输出:

enter image description here

虽然我的预期输出是这样的:

enter image description here

请帮忙,谢谢:)

最佳答案

这可能对你有帮助

 <html>
<head>
<title></title>
<link rel="stylesheet" href="stylesheets_skeleton/skeleton.css">
</head>
<body class = "container sixteen columns" style = "height : 400px; border: solid 1px;">
<div style="width:100%; float:left;">
<div class = "two-thirds column" style = "height: 200px; border: solid 1px; float: left;">

</div>
<div class = "one-third column" style = "height: 200px; border: solid 1px; float: right;">

</div>
</div>
</body>
</html>

关于html - 三分之一和三分之二的列不会相互对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22370528/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com